Najbliższy nazwany kolor · #CDE4D7
#CDE4D7
Najbliższy nazwany kolor: Splashdown
#CDE4D7 (rgb(205 228 215), hsl(146 30% 85%), oklch(0.898 0.03 161)) jest najbliższy nazwanemu kolorowi Splashdown. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#CDE4D7
oklch(0.898 0.03 161)
Konwersje koloru
- HEX
- #cde4d7
- RGB
- rgb(205 228 215)
- HSL
- hsl(146 30% 85%)
- HWB
- hwb(146 80% 11%)
- OKLCH
- oklch(0.898 0.03 161)
- OKLab
- oklab(0.898 -0.028 0.01)
- CIE Lab
- lab(88.6 -9.72 3.64)
- LCH
- lch(88.6 10.38 159.5)
- CMYK
- cmyk(10% 0% 6% 11%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- D2E7DB
- D7E9DF
- DCECE3
- E1EFE7
- E6F1EB
- EBF4EF
- F0F7F3
- F5FAF7
- FAFCFB
Odcienie ciemniejsze
- B2C6BB
- 98A99F
- 7E8D85
- 66726B
- 4E5852
- 383F3B
- 232825
- 0F1211
- 020302
Tony
- C5DACE
- BDCFC5
- B5C5BC
- AEBBB3
- A6B1AA
- 9EA7A2
- 979D99
- 8F9391
- 878A88
Harmonie kolorów
Komplementarna +180°
- CDE4D7
Splashdown
- ECD6E3
≈ All Made Up
Analogowa -30° +30°
- CDE4D7
Splashdown
- D6E2CD
≈ Sweet Mint Tea
- C8E4E2
≈ Swan Lake
Triada +120° +240°
- CDE4D7
Splashdown
- D9DCF2
≈ Chinese Silver
- F0D7CE
≈ Tan Whirl
Komplementarna rozszczepiona +150° +210°
- CDE4D7
Splashdown
- E4D8ED
≈ Pale Grey Magenta
- F1D6D8
≈ Alyssum
Tetrada +90° +180° +270°
- CDE4D7
Splashdown
- CFDFF1
≈ Light Breeze
- ECD6E3
≈ All Made Up
- EBDBC8
≈ Vanilla Mocha
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.33:1 · APCA Lc 17
Ag
AAANa czerni
WCAG 15.67:1 · APCA Lc 87
Najlepszy kolor tekstu: #000000
WCAG 15.67:1 (AAA) · APCA Lc 87
Contrast pairs
Fragmenty kodu
CSS
:root {
--splashdown: #cde4d7;
--splashdown-rgb: 205 228 215;
--splashdown-oklch: oklch(0.898 0.03 161);
}
.element {
color: var(--splashdown);
background-color: hsl(146 30% 85%);
border-color: oklch(0.898 0.03 161);
}Tailwind CSS v4
@theme {
--color-splashdown: #cde4d7;
--color-splashdown-50: #eef8f3;
--color-splashdown-100: #dfebe5;
--color-splashdown-200: #c9d8d0;
--color-splashdown-300: #aabcb3;
--color-splashdown-400: #90a499;
--color-splashdown-500: #758d80;
--color-splashdown-600: #63776c;
--color-splashdown-700: #4f5f56;
--color-splashdown-800: #3a463f;
--color-splashdown-900: #28302b;
--color-splashdown-950: #161c18;
}SCSS
$splashdown: #cde4d7;
$splashdown-rgb: 205, 228, 215;
$splashdown-light: mix(#fff, $splashdown, 20%);
$splashdown-dark: mix(#000, $splashdown, 20%);
.element {
color: $splashdown;
box-shadow: 0 0 0 2px rgba($splashdown, 0.35);
}