Najbliższy nazwany kolor · #C5E5E5
#C5E5E5
Najbliższy nazwany kolor: Cold Wave
#C5E5E5 (rgb(197 229 229), hsl(180 38% 84%), oklch(0.899 0.034 196.6)) jest najbliższy nazwanemu kolorowi Cold Wave. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#C5E5E5
oklch(0.899 0.034 196.6)
Konwersje koloru
- HEX
- #c5e5e5
- RGB
- rgb(197 229 229)
- HSL
- hsl(180 38% 84%)
- HWB
- hwb(180 77% 10%)
- OKLCH
- oklch(0.899 0.034 196.6)
- OKLab
- oklab(0.899 -0.032 -0.01)
- CIE Lab
- lab(88.61 -10.86 -3.72)
- LCH
- lch(88.61 11.48 198.9)
- CMYK
- cmyk(14% 0% 0% 10%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- CBE8E8
- D1EAEA
- D7EDED
- DCEFEF
- E2F2F2
- E8F5F5
- EEF7F7
- F3FAFA
- F9FCFC
Odcienie ciemniejsze
- ABC7C7
- 92AAAA
- 798E8E
- 617272
- 4B5858
- 353F3F
- 212828
- 0E1212
- 020303
Tony
- BEDADA
- B7D0D0
- B0C6C6
- A9BBBB
- A2B1B1
- 9BA7A7
- 949D9D
- 8E9393
- 878A8A
Harmonie kolorów
Komplementarna +180°
- C5E5E5
Cold Wave
- F3D5D6
≈ Alyssum
Analogowa -30° +30°
- C5E5E5
Cold Wave
- CAE5D9
≈ Mint Whisper
- C7E3EF
≈ Niagara Falls
Triada +120° +240°
- C5E5E5
Cold Wave
- E7D7ED
≈ First Lilac
- EBDBC6
≈ Vanilla Mocha
Komplementarna rozszczepiona +150° +210°
- C5E5E5
Cold Wave
- EFD5E2
≈ Hopeful
- F2D7CB
≈ Chinese Cherry
Tetrada +90° +180° +270°
- C5E5E5
Cold Wave
- DBDBF4
≈ Nostalgia Perfume
- F3D5D6
≈ Alyssum
- E0E0C6
≈ Green Power
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.33:1 · APCA Lc 17
Ag
AAANa czerni
WCAG 15.71:1 · APCA Lc 87
Najlepszy kolor tekstu: #000000
WCAG 15.71:1 (AAA) · APCA Lc 87
Contrast pairs
Fragmenty kodu
CSS
:root {
--cold-wave: #c5e5e5;
--cold-wave-rgb: 197 229 229;
--cold-wave-oklch: oklch(0.899 0.034 196.6);
}
.element {
color: var(--cold-wave);
background-color: hsl(180 38% 84%);
border-color: oklch(0.899 0.034 196.6);
}Tailwind CSS v4
@theme {
--color-cold-wave: #c5e5e5;
--color-cold-wave-50: #ebf8f9;
--color-cold-wave-100: #dcecec;
--color-cold-wave-200: #c5d9d9;
--color-cold-wave-300: #a4bdbe;
--color-cold-wave-400: #88a5a5;
--color-cold-wave-500: #6c8d8e;
--color-cold-wave-600: #5c7878;
--color-cold-wave-700: #496060;
--color-cold-wave-800: #354646;
--color-cold-wave-900: #243130;
--color-cold-wave-950: #131d1d;
}SCSS
$cold-wave: #c5e5e5;
$cold-wave-rgb: 197, 229, 229;
$cold-wave-light: mix(#fff, $cold-wave, 20%);
$cold-wave-dark: mix(#000, $cold-wave, 20%);
.element {
color: $cold-wave;
box-shadow: 0 0 0 2px rgba($cold-wave, 0.35);
}