Nazwany kolor · #FFDFB9
Liveliness
Liveliness to #FFDFB9: rgb(255 223 185), hsl(33 100% 86%), oklch(0.921 0.061 71.7). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Orange mean? → · Liveliness color name →
#FFDFB9
oklch(0.921 0.061 71.7)
Konwersje koloru
- HEX
- #ffdfb9
- RGB
- rgb(255 223 185)
- HSL
- hsl(33 100% 86%)
- HWB
- hwb(33 73% 0%)
- OKLCH
- oklch(0.921 0.061 71.7)
- OKLab
- oklab(0.921 0.019 0.058)
- CIE Lab
- lab(90.82 7.36 22.98)
- LCH
- lch(90.82 24.13 72.2)
- CMYK
- cmyk(0% 13% 27% 0%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- FFE2C0
- FFE5C7
- FFE9CE
- FFECD5
- FFEFDC
- FFF2E3
- FFF6EA
- FFF9F1
- FFFCF8
Odcienie ciemniejsze
- DEC2A0
- BEA589
- 9E8A71
- 806F5B
- 635646
- 483D31
- 2E271E
- 16120D
- 030202
Tony
- F2D5B3
- E4CBAE
- D7C2A8
- CBB8A2
- BEAE9D
- B1A597
- A59C91
- 98928B
- 8C8986
Harmonie kolorów
Komplementarna +180°
- FFDFB9
Liveliness
- D3E7FF
≈ Veiling Waterfalls
Analogowa -30° +30°
- FFDFB9
Liveliness
- FFDCCF
≈ Glazed Sugar
- EDE7B8
≈ Beacon
Triada +120° +240°
- FFDFB9
Liveliness
- B6F2EF
≈ Cold Blooded
- F1DBFF
≈ Lavender Savour
Komplementarna rozszczepiona +150° +210°
- FFDFB9
Liveliness
- BEEEFF
≈ Ice Effect
- E0E2FF
≈ Stoic White
Tetrada +90° +180° +270°
- FFDFB9
Liveliness
- C2F2D8
≈ Pickford
- D3E7FF
≈ Veiling Waterfalls
- FFD8EF
≈ Sweet Sachet
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.27:1 · APCA Lc 13
Ag
AAANa czerni
WCAG 16.50:1 · APCA Lc 90
Najlepszy kolor tekstu: #000000
WCAG 16.50:1 (AAA) · APCA Lc 90
Contrast pairs
Fragmenty kodu
CSS
:root {
--liveliness: #ffdfb9;
--liveliness-rgb: 255 223 185;
--liveliness-oklch: oklch(0.921 0.061 71.7);
}
.element {
color: var(--liveliness);
background-color: hsl(33 100% 86%);
border-color: oklch(0.921 0.061 71.7);
}Tailwind CSS v4
@theme {
--color-liveliness: #ffdfb9;
--color-liveliness-50: #fff3e3;
--color-liveliness-100: #f5e5d2;
--color-liveliness-200: #e4d1b8;
--color-liveliness-300: #cbb395;
--color-liveliness-400: #b59977;
--color-liveliness-500: #a08059;
--color-liveliness-600: #876c4b;
--color-liveliness-700: #6c563c;
--color-liveliness-800: #503f2b;
--color-liveliness-900: #382b1d;
--color-liveliness-950: #22180d;
}SCSS
$liveliness: #ffdfb9;
$liveliness-rgb: 255, 223, 185;
$liveliness-light: mix(#fff, $liveliness, 20%);
$liveliness-dark: mix(#000, $liveliness, 20%);
.element {
color: $liveliness;
box-shadow: 0 0 0 2px rgba($liveliness, 0.35);
}