Couleur nommée la plus proche · #7CB9BE
#7CB9BE
Couleur nommée la plus proche: Cuttlefish
#7CB9BE (rgb(124 185 190), hsl(185 34% 62%), oklch(0.746 0.063 202.4)) est la plus proche de la couleur nommée Cuttlefish. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#7CB9BE
oklch(0.746 0.063 202.4)
Conversions de couleur
- 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%)
Teintes · Ombres · Tons
Teintes
- 8AC0C4
- 97C7CB
- A4CED1
- B1D5D8
- BEDCDE
- CBE3E5
- D8EAEB
- E5F1F2
- F2F8F8
Ombres
- 6BA0A5
- 5A898C
- 4A7175
- 3B5B5E
- 2C4648
- 1E3133
- 111E1F
- 050D0D
- 010202
Tons
- 7DB3B8
- 7EADB1
- 7FA8AB
- 80A2A5
- 809C9F
- 809798
- 819192
- 818B8C
- 808686
Harmonies de couleurs
Complémentaire +180°
- 7CB9BE
Cuttlefish
- D29D9B
≈ Savoury Salmon
Analogue -30° +30°
- 7CB9BE
Cuttlefish
- 83BAA8
≈ Patina Hue
- 84B4CE
≈ Blue Cuddle
Triadique +120° +240°
- 7CB9BE
Cuttlefish
- C0A0C5
≈ Pale Grape
- C1AA7F
≈ Antiquity
Complémentaire divisée +150° +210°
- 7CB9BE
Cuttlefish
- CD9DB1
≈ Quilted Heart
- CEA288
≈ Sienna Buff
Tétradique +90° +180° +270°
- 7CB9BE
Cuttlefish
- ADA6D2
≈ Milky Lavender
- D29D9B
≈ Savoury Salmon
- ADB183
≈ Great Green
Contraste et accessibilité
Ag
FailSur blanc
WCAG 2.20:1 · APCA Lc 43
Ag
AAASur noir
WCAG 9.54:1 · APCA Lc 59
Meilleure couleur de texte: #000000
WCAG 9.54:1 (AAA) · APCA Lc 59
Contrast pairs
Extraits de code
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);
}