Nazwany kolor · #DABE82
Vermicelles
Vermicelles to #DABE82: rgb(218 190 130), hsl(41 54% 68%), oklch(0.812 0.084 85.6). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Yellow mean? → · Vermicelles color name →
#DABE82
oklch(0.812 0.084 85.6)
Konwersje koloru
- HEX
- #dabe82
- RGB
- rgb(218 190 130)
- HSL
- hsl(41 54% 68%)
- HWB
- hwb(41 51% 15%)
- OKLCH
- oklch(0.812 0.084 85.6)
- OKLab
- oklab(0.812 0.006 0.084)
- CIE Lab
- lab(78.38 4.28 34.17)
- LCH
- lch(78.38 34.44 82.9)
- CMYK
- cmyk(0% 13% 40% 15%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- DEC58F
- E1CB9C
- E5D2A8
- E9D8B5
- EDDFC1
- F0E5CD
- F4ECDA
- F8F2E6
- FBF9F3
Odcienie ciemniejsze
- BDA570
- A28C5F
- 87754E
- 6C5E3E
- 54482F
- 3C3320
- 251F12
- 110D06
- 020201
Tony
- D1B883
- C7B183
- BEAB83
- B5A583
- AC9F83
- A39983
- 9A9282
- 918C82
- 898681
Harmonie kolorów
Komplementarna +180°
- DABE82
Vermicelles
- A8C1F9
≈ Pastel Blue
Analogowa -30° +30°
- DABE82
Vermicelles
- ECB48D
≈ Peach Nirvana
- BFC98A
≈ Apple II Beige
Triada +120° +240°
- DABE82
Vermicelles
- 7CD1DC
≈ Sea of Tranquillity
- DEAFDF
≈ Barely Bloomed
Komplementarna rozszczepiona +150° +210°
- DABE82
Vermicelles
- 8BCBF1
≈ Airy Blue
- C5B7F2
≈ Purple Sand
Tetrada +90° +180° +270°
- DABE82
Vermicelles
- 85D4BF
≈ Blue Frosting
- A8C1F9
≈ Pastel Blue
- EEABC4
≈ Pink Macaroon
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.79:1 · APCA Lc 33
Ag
AAANa czerni
WCAG 11.66:1 · APCA Lc 69
Najlepszy kolor tekstu: #000000
WCAG 11.66:1 (AAA) · APCA Lc 69
Contrast pairs
Fragmenty kodu
CSS
:root {
--vermicelles: #dabe82;
--vermicelles-rgb: 218 190 130;
--vermicelles-oklch: oklch(0.812 0.084 85.6);
}
.element {
color: var(--vermicelles);
background-color: hsl(41 54% 68%);
border-color: oklch(0.812 0.084 85.6);
}Tailwind CSS v4
@theme {
--color-vermicelles: #dabe82;
--color-vermicelles-50: #fff4db;
--color-vermicelles-100: #f4e7c9;
--color-vermicelles-200: #e3d3ac;
--color-vermicelles-300: #cab586;
--color-vermicelles-400: #b59b63;
--color-vermicelles-500: #9f8240;
--color-vermicelles-600: #876e37;
--color-vermicelles-700: #6c582c;
--color-vermicelles-800: #50401e;
--color-vermicelles-900: #382c14;
--color-vermicelles-950: #221906;
}SCSS
$vermicelles: #dabe82;
$vermicelles-rgb: 218, 190, 130;
$vermicelles-light: mix(#fff, $vermicelles, 20%);
$vermicelles-dark: mix(#000, $vermicelles, 20%);
.element {
color: $vermicelles;
box-shadow: 0 0 0 2px rgba($vermicelles, 0.35);
}