Najbliższy nazwany kolor · #CFECF3
#CFECF3
Najbliższy nazwany kolor: Water
#CFECF3 (rgb(207 236 243), hsl(192 60% 88%), oklch(0.924 0.032 213.9)) jest najbliższy nazwanemu kolorowi Water. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#CFECF3
oklch(0.924 0.032 213.9)
Konwersje koloru
- HEX
- #cfecf3
- RGB
- rgb(207 236 243)
- HSL
- hsl(192 60% 88%)
- HWB
- hwb(192 81% 5%)
- OKLCH
- oklch(0.924 0.032 213.9)
- OKLab
- oklab(0.924 -0.026 -0.018)
- CIE Lab
- lab(91.44 -8.77 -6.78)
- LCH
- lch(91.44 11.09 217.7)
- CMYK
- cmyk(15% 3% 0% 5%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- D4EEF4
- D9F0F5
- DEF2F7
- E2F4F8
- E7F6F9
- ECF7FA
- F1F9FB
- F5FBFD
- FAFDFE
Odcienie ciemniejsze
- B4CDD3
- 99AFB4
- 7F9297
- 67767A
- 4F5B5E
- 384244
- 23292B
- 101314
- 020303
Tony
- C7E1E7
- BFD5DB
- B7CACF
- AFBFC3
- A7B5B8
- 9FAAAC
- 979FA1
- 8F9596
- 888A8B
Harmonie kolorów
Komplementarna +180°
- CFECF3
Water
- FADFD8
≈ Veiled Pink
Analogowa -30° +30°
- CFECF3
Water
- D0EDE8
≈ Ionic Sky
- D5E9FA
≈ Cloudless
Triada +120° +240°
- CFECF3
Water
- F4DEEF
≈ Taffeta Tint
- EDE6CF
≈ Abbey White
Komplementarna rozszczepiona +150° +210°
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.23:1 · APCA Lc 12
Ag
AAANa czerni
WCAG 16.94:1 · APCA Lc 92
Najlepszy kolor tekstu: #000000
WCAG 16.94:1 (AAA) · APCA Lc 92
Contrast pairs
Fragmenty kodu
CSS
:root {
--water: #cfecf3;
--water-rgb: 207 236 243;
--water-oklch: oklch(0.924 0.032 213.9);
}
.element {
color: var(--water);
background-color: hsl(192 60% 88%);
border-color: oklch(0.924 0.032 213.9);
}Tailwind CSS v4
@theme {
--color-water: #cfecf3;
--color-water-50: #ecf8fb;
--color-water-100: #ddebef;
--color-water-200: #c6d8dd;
--color-water-300: #a6bcc2;
--color-water-400: #8aa4aa;
--color-water-500: #6e8c93;
--color-water-600: #5e767c;
--color-water-700: #4b5f64;
--color-water-800: #364549;
--color-water-900: #253032;
--color-water-950: #131c1e;
}SCSS
$water: #cfecf3;
$water-rgb: 207, 236, 243;
$water-light: mix(#fff, $water, 20%);
$water-dark: mix(#000, $water, 20%);
.element {
color: $water;
box-shadow: 0 0 0 2px rgba($water, 0.35);
}