Nazwany kolor · #CFE1EF
Cold Turbulence
Cold Turbulence to #CFE1EF: rgb(207 225 239), hsl(206 50% 87%), oklch(0.901 0.027 241.2). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Cold Turbulence color name →
#CFE1EF
oklch(0.901 0.027 241.2)
Konwersje koloru
- HEX
- #cfe1ef
- RGB
- rgb(207 225 239)
- HSL
- hsl(206 50% 87%)
- HWB
- hwb(206 81% 6%)
- OKLCH
- oklch(0.901 0.027 241.2)
- OKLab
- oklab(0.901 -0.013 -0.024)
- CIE Lab
- lab(88.49 -4.14 -9.01)
- LCH
- lch(88.49 9.91 245.3)
- CMYK
- cmyk(13% 6% 0% 6%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- D4E4F1
- D9E7F2
- DDEAF4
- E2EDF5
- E7F0F7
- ECF3F9
- F1F6FA
- F5F9FC
- FAFCFD
Odcienie ciemniejsze
- B4C4D0
- 99A7B1
- 7F8B94
- 677078
- 4F565C
- 383E42
- 23272A
- 101214
- 020203
Tony
- C7D7E3
- BFCDD8
- B7C3CC
- AFB9C1
- A7AFB6
- 9FA6AB
- 979CA0
- 8F9395
- 88898B
Harmonie kolorów
Komplementarna +180°
- CFE1EF
Cold Turbulence
- ECDBCC
≈ Chinese Hamster
Analogowa -30° +30°
- CFE1EF
Cold Turbulence
- CBE3E9
≈ Endless Sky
- D7DEF1
≈ The White Death
Triada +120° +240°
- CFE1EF
Cold Turbulence
- EFD7DD
≈ Pineberry
- DBE1CE
≈ Lime Spritz
Komplementarna rozszczepiona +150° +210°
- CFE1EF
Cold Turbulence
- F0D8D3
≈ Global Warming
- E5DECA
≈ Light Beige
Tetrada +90° +180° +270°
- CFE1EF
Cold Turbulence
- E9D8E7
≈ Pale Grey Magenta
- ECDBCC
≈ Chinese Hamster
- D2E4D5
≈ Light Mystified
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.34:1 · APCA Lc 17
Ag
AAANa czerni
WCAG 15.66:1 · APCA Lc 87
Najlepszy kolor tekstu: #000000
WCAG 15.66:1 (AAA) · APCA Lc 87
Contrast pairs
Fragmenty kodu
CSS
:root {
--cold-turbulence: #cfe1ef;
--cold-turbulence-rgb: 207 225 239;
--cold-turbulence-oklch: oklch(0.901 0.027 241.2);
}
.element {
color: var(--cold-turbulence);
background-color: hsl(206 50% 87%);
border-color: oklch(0.901 0.027 241.2);
}Tailwind CSS v4
@theme {
--color-cold-turbulence: #cfe1ef;
--color-cold-turbulence-50: #eff6fc;
--color-cold-turbulence-100: #e0e9f0;
--color-cold-turbulence-200: #cbd6df;
--color-cold-turbulence-300: #acb9c5;
--color-cold-turbulence-400: #91a1ad;
--color-cold-turbulence-500: #778997;
--color-cold-turbulence-600: #657480;
--color-cold-turbulence-700: #505d66;
--color-cold-turbulence-800: #3a444b;
--color-cold-turbulence-900: #282f34;
--color-cold-turbulence-950: #161b1f;
}SCSS
$cold-turbulence: #cfe1ef;
$cold-turbulence-rgb: 207, 225, 239;
$cold-turbulence-light: mix(#fff, $cold-turbulence, 20%);
$cold-turbulence-dark: mix(#000, $cold-turbulence, 20%);
.element {
color: $cold-turbulence;
box-shadow: 0 0 0 2px rgba($cold-turbulence, 0.35);
}