Nazwany kolor · #CADABD
Crocodile Dreams
Crocodile Dreams to #CADABD: rgb(202 218 189), hsl(93 28% 80%), oklch(0.868 0.043 131). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Green mean? → · Crocodile Dreams color name →
#CADABD
oklch(0.868 0.043 131)
Konwersje koloru
- HEX
- #cadabd
- RGB
- rgb(202 218 189)
- HSL
- hsl(93 28% 80%)
- HWB
- hwb(93 74% 15%)
- OKLCH
- oklch(0.868 0.043 131)
- OKLab
- oklab(0.868 -0.028 0.032)
- CIE Lab
- lab(85.24 -9.45 12.41)
- LCH
- lch(85.24 15.6 127.3)
- CMYK
- cmyk(7% 0% 13% 15%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- CFDEC4
- D4E1CA
- DAE5D1
- DFE9D7
- E4ECDE
- EAF0E4
- EFF4EB
- F4F8F2
- FAFBF8
Odcienie ciemniejsze
- AFBDA4
- 95A28C
- 7C8774
- 646C5D
- 4D5447
- 373C33
- 22251F
- 0F110D
- 020202
Tony
- C2D1B7
- BBC7B1
- B3BEAA
- ACB5A4
- A4AC9E
- 9DA398
- 969A92
- 8E918C
- 878986
Harmonie kolorów
Komplementarna +180°
- CADABD
Crocodile Dreams
- DDCCE9
≈ Plum’s the Word
Analogowa -30° +30°
- CADABD
Crocodile Dreams
- D9D5B5
≈ New Growth
- BCDDCB
≈ Mirador
Triada +120° +240°
- CADABD
Crocodile Dreams
- C0D6F0
≈ Mr. Glass
- EEC9CD
≈ Funny Face
Komplementarna rozszczepiona +150° +210°
- CADABD
Crocodile Dreams
- CED1F0
≈ Frozen Periwinkle
- E8C9DC
≈ Merry Pink
Tetrada +90° +180° +270°
- CADABD
Crocodile Dreams
- B6DBE8
≈ Chicago Blue
- DDCCE9
≈ Plum’s the Word
- EECBBF
≈ Salmon Tint
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.47:1 · APCA Lc 22
Ag
AAANa czerni
WCAG 14.27:1 · APCA Lc 81
Najlepszy kolor tekstu: #000000
WCAG 14.27:1 (AAA) · APCA Lc 81
Contrast pairs
Fragmenty kodu
CSS
:root {
--crocodile-dreams: #cadabd;
--crocodile-dreams-rgb: 202 218 189;
--crocodile-dreams-oklch: oklch(0.868 0.043 131);
}
.element {
color: var(--crocodile-dreams);
background-color: hsl(93 28% 80%);
border-color: oklch(0.868 0.043 131);
}Tailwind CSS v4
@theme {
--color-crocodile-dreams: #cadabd;
--color-crocodile-dreams-50: #f0f8ec;
--color-crocodile-dreams-100: #e2ebdd;
--color-crocodile-dreams-200: #cdd8c6;
--color-crocodile-dreams-300: #afbca6;
--color-crocodile-dreams-400: #96a48a;
--color-crocodile-dreams-500: #7c8c6f;
--color-crocodile-dreams-600: #69775e;
--color-crocodile-dreams-700: #545f4b;
--color-crocodile-dreams-800: #3e4536;
--color-crocodile-dreams-900: #2a3025;
--color-crocodile-dreams-950: #181c13;
}SCSS
$crocodile-dreams: #cadabd;
$crocodile-dreams-rgb: 202, 218, 189;
$crocodile-dreams-light: mix(#fff, $crocodile-dreams, 20%);
$crocodile-dreams-dark: mix(#000, $crocodile-dreams, 20%);
.element {
color: $crocodile-dreams;
box-shadow: 0 0 0 2px rgba($crocodile-dreams, 0.35);
}