Nazwany kolor · #DADFB0
Timid Absinthe
Timid Absinthe to #DADFB0: rgb(218 223 176), hsl(66 42% 78%), oklch(0.888 0.062 112.6). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Yellow mean? → · Timid Absinthe color name →
#DADFB0
oklch(0.888 0.062 112.6)
Konwersje koloru
- HEX
- #dadfb0
- RGB
- rgb(218 223 176)
- HSL
- hsl(66 42% 78%)
- HWB
- hwb(66 69% 13%)
- OKLCH
- oklch(0.888 0.062 112.6)
- OKLab
- oklab(0.888 -0.024 0.057)
- CIE Lab
- lab(87.55 -7.47 22.55)
- LCH
- lch(87.55 23.75 108.3)
- CMYK
- cmyk(2% 0% 21% 13%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- DEE2B8
- E1E5C0
- E5E9C8
- E9ECD0
- ECEFD8
- F0F2E0
- F4F5E7
- F7F9EF
- FBFCF7
Odcienie ciemniejsze
- BDC299
- A2A582
- 878A6C
- 6C6F56
- 545642
- 3C3D2E
- 25271C
- 11120B
- 020201
Tony
- D1D5AB
- C7CBA7
- BEC2A2
- B5B89D
- ACAE98
- A3A593
- 9A9C8F
- 91928A
- 898985
Harmonie kolorów
Komplementarna +180°
- DADFB0
Timid Absinthe
- DBD4FF
≈ Pale Lavender
Analogowa -30° +30°
- DADFB0
Timid Absinthe
- EFD7AC
≈ Cereal Flake
- C3E5C0
≈ Sweet Menthol
Triada +120° +240°
- DADFB0
Timid Absinthe
- B2E2FD
≈ Frozen Landscape
- FCCADE
≈ Cherry Blush
Komplementarna rozszczepiona +150° +210°
- DADFB0
Timid Absinthe
- C7DBFF
≈ Arc Light
- EFCDF3
≈ Bubblegum Crisis
Tetrada +90° +180° +270°
- DADFB0
Timid Absinthe
- AAE7EC
≈ Uranus
- DBD4FF
≈ Pale Lavender
- FFCCC8
≈ Pretty Please
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.38:1 · APCA Lc 19
Ag
AAANa czerni
WCAG 15.16:1 · APCA Lc 85
Najlepszy kolor tekstu: #000000
WCAG 15.16:1 (AAA) · APCA Lc 85
Contrast pairs
Fragmenty kodu
CSS
:root {
--timid-absinthe: #dadfb0;
--timid-absinthe-rgb: 218 223 176;
--timid-absinthe-oklch: oklch(0.888 0.062 112.6);
}
.element {
color: var(--timid-absinthe);
background-color: hsl(66 42% 78%);
border-color: oklch(0.888 0.062 112.6);
}Tailwind CSS v4
@theme {
--color-timid-absinthe: #dadfb0;
--color-timid-absinthe-50: #f4f8e4;
--color-timid-absinthe-100: #e7ebd3;
--color-timid-absinthe-200: #d3d8ba;
--color-timid-absinthe-300: #b6bc97;
--color-timid-absinthe-400: #9ea378;
--color-timid-absinthe-500: #868b5a;
--color-timid-absinthe-600: #72754d;
--color-timid-absinthe-700: #5b5e3d;
--color-timid-absinthe-800: #43442b;
--color-timid-absinthe-900: #2e2f1d;
--color-timid-absinthe-950: #1b1c0d;
}SCSS
$timid-absinthe: #dadfb0;
$timid-absinthe-rgb: 218, 223, 176;
$timid-absinthe-light: mix(#fff, $timid-absinthe, 20%);
$timid-absinthe-dark: mix(#000, $timid-absinthe, 20%);
.element {
color: $timid-absinthe;
box-shadow: 0 0 0 2px rgba($timid-absinthe, 0.35);
}