En yakın adlandırılmış renk · #7CB9BE
#7CB9BE
En yakın adlandırılmış renk: Cuttlefish
#7CB9BE (rgb(124 185 190), hsl(185 34% 62%), oklch(0.746 0.063 202.4)) en çok Cuttlefish adlı renge yakındır. Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
#7CB9BE
oklch(0.746 0.063 202.4)
Renk dönüşümleri
- HEX
- #7cb9be
- RGB
- rgb(124 185 190)
- HSL
- hsl(185 34% 62%)
- HWB
- hwb(185 49% 25%)
- OKLCH
- oklch(0.746 0.063 202.4)
- OKLab
- oklab(0.746 -0.058 -0.024)
- CIE Lab
- lab(71.14 -19.46 -9.15)
- LCH
- lch(71.14 21.51 205.2)
- CMYK
- cmyk(35% 3% 0% 25%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 8AC0C4
- 97C7CB
- A4CED1
- B1D5D8
- BEDCDE
- CBE3E5
- D8EAEB
- E5F1F2
- F2F8F8
Koyu tonlar
- 6BA0A5
- 5A898C
- 4A7175
- 3B5B5E
- 2C4648
- 1E3133
- 111E1F
- 050D0D
- 010202
Gri tonlar
- 7DB3B8
- 7EADB1
- 7FA8AB
- 80A2A5
- 809C9F
- 809798
- 819192
- 818B8C
- 808686
Renk uyumları
Tamamlayıcı +180°
- 7CB9BE
Cuttlefish
- D29D9B
≈ Savoury Salmon
Analog -30° +30°
- 7CB9BE
Cuttlefish
- 83BAA8
≈ Patina Hue
- 84B4CE
≈ Blue Cuddle
Üçlü +120° +240°
- 7CB9BE
Cuttlefish
- C0A0C5
≈ Pale Grape
- C1AA7F
≈ Antiquity
Bölünmüş tamamlayıcı +150° +210°
- 7CB9BE
Cuttlefish
- CD9DB1
≈ Quilted Heart
- CEA288
≈ Sienna Buff
Dörtlü +90° +180° +270°
- 7CB9BE
Cuttlefish
- ADA6D2
≈ Milky Lavender
- D29D9B
≈ Savoury Salmon
- ADB183
≈ Great Green
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.20:1 · APCA Lc 43
Ag
AAASiyah üzerinde
WCAG 9.54:1 · APCA Lc 59
En iyi metin rengi: #000000
WCAG 9.54:1 (AAA) · APCA Lc 59
Contrast pairs
Kod parçacıkları
CSS
:root {
--cuttlefish: #7cb9be;
--cuttlefish-rgb: 124 185 190;
--cuttlefish-oklch: oklch(0.746 0.063 202.4);
}
.element {
color: var(--cuttlefish);
background-color: hsl(185 34% 62%);
border-color: oklch(0.746 0.063 202.4);
}Tailwind CSS v4
@theme {
--color-cuttlefish: #7cb9be;
--color-cuttlefish-50: #e1fbfe;
--color-cuttlefish-100: #d1eff2;
--color-cuttlefish-200: #b6dde1;
--color-cuttlefish-300: #92c1c6;
--color-cuttlefish-400: #71aaaf;
--color-cuttlefish-500: #4f9398;
--color-cuttlefish-600: #447c81;
--color-cuttlefish-700: #366367;
--color-cuttlefish-800: #26494b;
--color-cuttlefish-900: #193334;
--color-cuttlefish-950: #091e20;
}SCSS
$cuttlefish: #7cb9be;
$cuttlefish-rgb: 124, 185, 190;
$cuttlefish-light: mix(#fff, $cuttlefish, 20%);
$cuttlefish-dark: mix(#000, $cuttlefish, 20%);
.element {
color: $cuttlefish;
box-shadow: 0 0 0 2px rgba($cuttlefish, 0.35);
}