Couleur nommée la plus proche · #66B8C3
#66B8C3
Couleur nommée la plus proche: Castaway
#66B8C3 (rgb(102 184 195), hsl(187 44% 58%), oklch(0.735 0.082 206.8)) est la plus proche de la couleur nommée Castaway. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#66B8C3
oklch(0.735 0.082 206.8)
Conversions de couleur
- HEX
- #66b8c3
- RGB
- rgb(102 184 195)
- HSL
- hsl(187 44% 58%)
- HWB
- hwb(187 40% 24%)
- OKLCH
- oklch(0.735 0.082 206.8)
- OKLab
- oklab(0.735 -0.073 -0.037)
- CIE Lab
- lab(69.91 -23.92 -13.82)
- LCH
- lch(69.91 27.63 210)
- CMYK
- cmyk(48% 6% 0% 24%)
Teintes · Ombres · Tons
Teintes
- 77BFC9
- 87C6CF
- 97CDD5
- A6D4DB
- B5DCE1
- C4E3E7
- D3EAED
- E2F1F3
- F0F8F9
Ombres
- 58A0A9
- 4A8890
- 3C7178
- 2F5B60
- 23454A
- 173134
- 0C1E20
- 040C0E
- 000202
Tons
- 6AB2BC
- 6EADB5
- 72A7AF
- 75A2A8
- 779CA1
- 7A969A
- 7C9194
- 7D8B8D
- 7F8687
Harmonies de couleurs
Complémentaire +180°
- 66B8C3
Castaway
- D8968E
≈ Petite Orchid
Analogue -30° +30°
- 66B8C3
Castaway
- 6DBAA8
≈ Larchmere
- 76B1D6
≈ Meadow Blossom Blue
Triadique +120° +240°
- 66B8C3
Castaway
- C597C4
≈ Pomtini
- C0A66C
≈ Hay Yellow
Complémentaire divisée +150° +210°
- 66B8C3
Castaway
- D494AA
≈ Foxy Pink
- D19C76
≈ Rustic Adobe
Tétradique +90° +180° +270°
Contraste et accessibilité
Ag
FailSur blanc
WCAG 2.28:1 · APCA Lc 45
Ag
AAASur noir
WCAG 9.20:1 · APCA Lc 57
Meilleure couleur de texte: #000000
WCAG 9.20:1 (AAA) · APCA Lc 57
Contrast pairs
Extraits de code
CSS
:root {
--castaway: #66b8c3;
--castaway-rgb: 102 184 195;
--castaway-oklch: oklch(0.735 0.082 206.8);
}
.element {
color: var(--castaway);
background-color: hsl(187 44% 58%);
border-color: oklch(0.735 0.082 206.8);
}Tailwind CSS v4
@theme {
--color-castaway: #66b8c3;
--color-castaway-50: #dbfcff;
--color-castaway-100: #caf0f6;
--color-castaway-200: #acdfe7;
--color-castaway-300: #85c3ce;
--color-castaway-400: #5facb7;
--color-castaway-500: #3495a1;
--color-castaway-600: #2e7e88;
--color-castaway-700: #25656d;
--color-castaway-800: #194a50;
--color-castaway-900: #103437;
--color-castaway-950: #031f22;
}SCSS
$castaway: #66b8c3;
$castaway-rgb: 102, 184, 195;
$castaway-light: mix(#fff, $castaway, 20%);
$castaway-dark: mix(#000, $castaway, 20%);
.element {
color: $castaway;
box-shadow: 0 0 0 2px rgba($castaway, 0.35);
}