Colore con nome · #C2D2E0
Sea Drive
Sea Drive è #C2D2E0: rgb(194 210 224), hsl(208 33% 82%), oklch(0.856 0.026 244.5). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Sea Drive color name →
#C2D2E0
oklch(0.856 0.026 244.5)
Conversioni di colore
- HEX
- #c2d2e0
- RGB
- rgb(194 210 224)
- HSL
- hsl(208 33% 82%)
- HWB
- hwb(208 76% 12%)
- OKLCH
- oklch(0.856 0.026 244.5)
- OKLab
- oklab(0.856 -0.011 -0.024)
- CIE Lab
- lab(83.3 -3.5 -8.89)
- LCH
- lch(83.3 9.55 248.5)
- CMYK
- cmyk(13% 6% 0% 12%)
Tinte · Ombre · Toni
Tinte
- C8D6E3
- CEDBE6
- D4DFE9
- DAE4EC
- E0E8EF
- E6EDF3
- ECF1F6
- F3F6F9
- F9FAFC
Ombre
- A8B6C3
- 8F9BA6
- 77818A
- 606870
- 495056
- 34393E
- 202427
- 0E1012
- 020202
Toni
- BBC9D6
- B4C1CC
- AEB9C2
- A7B0B8
- A0A8AF
- 9AA0A5
- 93989C
- 8D9092
- 868889
Armonie di colore
Complementare +180°
- C2D2E0
Sea Drive
- DCCDBE
≈ Clay Angel
Analogo -30° +30°
- C2D2E0
Sea Drive
- BDD4DA
≈ Light Salt Spray
- CACFE1
≈ Wildflower Prairie
Triadico +120° +240°
- C2D2E0
Sea Drive
- E0C9CD
≈ Perfume Cloud
- CCD3C1
≈ Carrot Flower
Complementare divisa +150° +210°
- C2D2E0
Sea Drive
- E0CAC4
≈ Pink Water
- D5D0BD
≈ Doric White
Tetradico +90° +180° +270°
- C2D2E0
Sea Drive
- DBCAD7
≈ Creamy Mauve
- DCCDBE
≈ Clay Angel
- C3D5C8
≈ Slow Green
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.54:1 · APCA Lc 25
Ag
AAASu nero
WCAG 13.58:1 · APCA Lc 78
Miglior colore del testo: #000000
WCAG 13.58:1 (AAA) · APCA Lc 78
Contrast pairs
Frammenti di codice
CSS
:root {
--sea-drive: #c2d2e0;
--sea-drive-rgb: 194 210 224;
--sea-drive-oklch: oklch(0.856 0.026 244.5);
}
.element {
color: var(--sea-drive);
background-color: hsl(208 33% 82%);
border-color: oklch(0.856 0.026 244.5);
}Tailwind CSS v4
@theme {
--color-sea-drive: #c2d2e0;
--color-sea-drive-50: #eff6fc;
--color-sea-drive-100: #e1e9f0;
--color-sea-drive-200: #ccd6df;
--color-sea-drive-300: #adb9c4;
--color-sea-drive-400: #92a0ad;
--color-sea-drive-500: #788897;
--color-sea-drive-600: #66737f;
--color-sea-drive-700: #515c66;
--color-sea-drive-800: #3b444b;
--color-sea-drive-900: #282f34;
--color-sea-drive-950: #161b1f;
}SCSS
$sea-drive: #c2d2e0;
$sea-drive-rgb: 194, 210, 224;
$sea-drive-light: mix(#fff, $sea-drive, 20%);
$sea-drive-dark: mix(#000, $sea-drive, 20%);
.element {
color: $sea-drive;
box-shadow: 0 0 0 2px rgba($sea-drive, 0.35);
}