ColorTool
Masuk
#558B5F

#558b5f ≈ Sea Green

  • hijau
  • Kecerahan: sedang
  • Saturasi: lembut
  • Seimbang
Periksa kontras Jelajahi di grafik Warna acak

#558b5f adalah warna dari keluarga “hijau”, dengan kecerahan sedang dan saturasi lembut. Dalam model RGB, warna ini terdiri dari 33,33% merah, 54,51% hijau, dan 37,25% biru; saat dicetak CMYK memakai 38,85% sian, 0% magenta, 31,65% kuning, dan 45,49% hitam. Sudut ronanya 131,11°, dengan saturasi 24,11% dan kecerahan 43,92% dalam HSL. Warna ini berada di antara hangat dan sejuk serta sering dikaitkan dengan alam, kesehatan, dan keseimbangan. Desainer biasanya memakainya untuk merek ramah lingkungan, kesehatan dan kebugaran, dan aksen merek. Teks hitam di atas warna ini mencapai rasio kontras 5,24:1 (WCAG AA). Warna bernama terdekat adalah Sea Green (#2e8b57), ΔE 5,04.

Deskripsi dibuat dari properti terukur warna ini.

HEX
RGB
RGB persen
CMY
CMYK
HSL
HSV / HSB
Aman web#669966
CIE-LAB
XYZ
xyY
CIE-LCH
CIE-LUV
Hunter-Lab
OKLab
Biner
Desimal
Luminansi relatif0.2122

Komplementer

  1. #558b5f
  2. #8b5581

Komplementer terbelah

  1. #558b5f
  2. #7a558b
  3. #8b5566

Analog

  1. #668b55
  2. #558b5f
  3. #558b7a

Triadik

  1. #558b5f
  2. #5f558b
  3. #8b5f55

Tetradik

  1. #558b5f
  2. #55818b
  3. #8b5581
  4. #8b5f55

Persegi

  1. #558b5f
  2. #55668b
  3. #8b5581
  4. #8b7a55

Monokromatik

  1. #1b2c1e
  2. #385c3f
  3. #558b5f
  4. #7db086
  5. #accdb2

Bayangan

#558b5f dicampur bertahap dengan hitam.

  1. #558b5f
  2. #4d7d56
  3. #446f4c
  4. #3c6143
  5. #335339
  6. #2b4630
  7. #223826
  8. #1a2a1d
  9. #111c13
  10. #090e0a
  11. #000000

Tint

#558b5f dicampur bertahap dengan putih.

  1. #558b5f
  2. #66976f
  3. #77a27f
  4. #88ae8f
  5. #99b99f
  6. #aac5af
  7. #bbd1bf
  8. #ccdccf
  9. #dde8df
  10. #eef3ef
  11. #ffffff

Nada

#558b5f dicampur bertahap dengan abu-abu.

  1. #558b5f
  2. #598a62
  3. #5e8966
  4. #628869
  5. #66876c
  6. #6b8670
  7. #6f8473
  8. #738376
  9. #778279
  10. #7c817d
  11. #808080

Teks mudah dibaca 4:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕
Teks mudah dibaca 5.24:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓

Akromatopsia #7f7f7f ≈ 0.003% pria
Akromatomali #718474 ≈ 0.001% pria
Protanopia #8c825c ≈ 1.01% pria
Deuteranopia #847d62 ≈ 1.27% pria
Tritanopia #4d897f ≈ 0.0001% pria
Protanomali #7a865d ≈ 1.08% pria
Deuteranomali #748361 ≈ 4.63% pria
Tritanomali #508a74 ≈ 0.0002% pria
Simulasikan pada gambar Anda

Teks dengan warna ini

Latar dengan warna ini

Garis tepi dengan warna ini

Warna teks
.text-558b5f {
  color: #558b5f;
}
Latar
.bg-558b5f {
  background-color: #558b5f;
  color: #000000;
}
Garis tepi
.border-558b5f {
  border: 2px solid #558b5f;
}
Variabel CSS
:root {
  --color-primary: #558b5f;
  --color-primary-rgb: 85 139 95;
  --color-primary-hsl: 131 24% 44%;
}
Gradien
.gradient-558b5f {
  background: linear-gradient(135deg, #558b5f, #558b7a);
}
Bayangan berwarna
.shadow-558b5f {
  box-shadow: 0 8px 24px rgb(85 139 95 / 0.35);
}

#2e8b57 Sea Green ΔE 5.04 #4f7942 Fern Green ΔE 7.84 #40826d Viridian ΔE 8.47 #009e60 Shamrock Green ΔE 8.98 #507d2a Sap Green ΔE 10.81 #00a86b Jade ΔE 11.09 #228b22 Forest Green ΔE 11.35 #aa74a0 Terbalik #7f7f7f Skala abu-abu 

Sea Green
#558b5f  rgb(85, 139, 95)  hsl(131, 24%, 44%)  Sea Green
#8b5581  rgb(139, 85, 129)  hsl(311, 24%, 44%)  Deep Plum
#5f558b  rgb(95, 85, 139)  hsl(251, 24%, 44%)  Royal Purple
#8b5f55  rgb(139, 95, 85)  hsl(11, 24%, 44%)  Copper Rose