Couleur nommée la plus proche · #BCD8D6
#BCD8D6
Couleur nommée la plus proche: Coast to Coast
#BCD8D6 (rgb(188 216 214), hsl(176 26% 79%), oklch(0.861 0.03 191.4)) est la plus proche de la couleur nommée Coast to Coast. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#BCD8D6
oklch(0.861 0.03 191.4)
Conversions de couleur
- HEX
- #bcd8d6
- RGB
- rgb(188 216 214)
- HSL
- hsl(176 26% 79%)
- HWB
- hwb(176 74% 15%)
- OKLCH
- oklch(0.861 0.03 191.4)
- OKLab
- oklab(0.861 -0.029 -0.006)
- CIE Lab
- lab(84.22 -9.93 -2.32)
- LCH
- lch(84.22 10.2 193.1)
- CMYK
- cmyk(13% 0% 1% 15%)
Teintes · Ombres · Tons
Teintes
- C3DCDA
- C9E0DE
- D0E4E2
- D7E8E6
- DDEBEA
- E4EFEE
- EBF3F3
- F2F7F7
- F8FBFB
Ombres
- A3BCBA
- 8BA09E
- 738584
- 5D6B6A
- 475352
- 323B3B
- 1F2525
- 0D1110
- 020202
Tons
- B6CFCD
- B0C6C4
- AABDBB
- A4B4B3
- 9EABAA
- 98A2A1
- 929A99
- 8C9191
- 868888
Harmonies de couleurs
Complémentaire +180°
- BCD8D6
Coast to Coast
- E4CACC
≈ Pink Spinel
Analogue -30° +30°
- BCD8D6
Coast to Coast
- C1D8CB
≈ Snow Goose
- BDD6DF
≈ Blue Perennial
Triadique +120° +240°
- BCD8D6
Coast to Coast
- D8CCE0
≈ Whipped Plum
- DECFBD
≈ Malt
Complémentaire divisée +150° +210°
- BCD8D6
Coast to Coast
- E0CAD7
≈ Lilac Lane
- E4CBC3
≈ Rose Beige
Tétradique +90° +180° +270°
- BCD8D6
Coast to Coast
- CDCFE5
≈ Casa del Mar
- E4CACC
≈ Pink Spinel
- D5D2BC
≈ Barest Celadon
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.50:1 · APCA Lc 24
Ag
AAASur noir
WCAG 13.93:1 · APCA Lc 79
Meilleure couleur de texte: #000000
WCAG 13.93:1 (AAA) · APCA Lc 79
Contrast pairs
Extraits de code
CSS
:root {
--coast-to-coast: #bcd8d6;
--coast-to-coast-rgb: 188 216 214;
--coast-to-coast-oklch: oklch(0.861 0.03 191.4);
}
.element {
color: var(--coast-to-coast);
background-color: hsl(176 26% 79%);
border-color: oklch(0.861 0.03 191.4);
}Tailwind CSS v4
@theme {
--color-coast-to-coast: #bcd8d6;
--color-coast-to-coast-50: #ecf8f7;
--color-coast-to-coast-100: #ddebeb;
--color-coast-to-coast-200: #c6d9d8;
--color-coast-to-coast-300: #a7bdbc;
--color-coast-to-coast-400: #8ba4a3;
--color-coast-to-coast-500: #708d8b;
--color-coast-to-coast-600: #5f7776;
--color-coast-to-coast-700: #4c5f5e;
--color-coast-to-coast-800: #374644;
--color-coast-to-coast-900: #25302f;
--color-coast-to-coast-950: #141d1c;
}SCSS
$coast-to-coast: #bcd8d6;
$coast-to-coast-rgb: 188, 216, 214;
$coast-to-coast-light: mix(#fff, $coast-to-coast, 20%);
$coast-to-coast-dark: mix(#000, $coast-to-coast, 20%);
.element {
color: $coast-to-coast;
box-shadow: 0 0 0 2px rgba($coast-to-coast, 0.35);
}