Nazwany kolor · #F1E6CC
Wax Poetic
Wax Poetic to #F1E6CC: rgb(241 230 204), hsl(42 57% 87%), oklch(0.927 0.036 87.8). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Yellow mean? → · Wax Poetic color name →
#F1E6CC
oklch(0.927 0.036 87.8)
Konwersje koloru
- HEX
- #f1e6cc
- RGB
- rgb(241 230 204)
- HSL
- hsl(42 57% 87%)
- HWB
- hwb(42 80% 5%)
- OKLCH
- oklch(0.927 0.036 87.8)
- OKLab
- oklab(0.927 0.001 0.036)
- CIE Lab
- lab(91.67 0.74 14.13)
- LCH
- lch(91.67 14.15 87)
- CMYK
- cmyk(0% 5% 15% 5%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- F2E9D1
- F4EBD6
- F5EEDB
- F7F0E0
- F8F3E6
- F9F5EB
- FBF8F0
- FCFAF5
- FEFDFA
Odcienie ciemniejsze
- D2C8B1
- B3AB97
- 958E7E
- 797365
- 5D594E
- 434037
- 2B2822
- 14130F
- 030302
Tony
- E5DBC4
- D9D1BC
- CEC6B5
- C2BCAD
- B7B2A5
- ACA89E
- A19D96
- 96948F
- 8B8A87
Harmonie kolorów
Komplementarna +180°
- F1E6CC
Wax Poetic
- DDE7FF
≈ Lavender Mist
Analogowa -30° +30°
- F1E6CC
Wax Poetic
- FAE1D0
≈ Derry Coast Sunrise
- E4EBD0
≈ Misted Fern
Triada +120° +240°
- F1E6CC
Wax Poetic
- CCEEF3
≈ Morning Calm
- F5DFF3
≈ Sheer Lavender
Komplementarna rozszczepiona +150° +210°
- F1E6CC
Wax Poetic
- D1EBFD
≈ Veiling Waterfalls
- E9E2FD
≈ Lavender Mist
Tetrada +90° +180° +270°
- F1E6CC
Wax Poetic
- CEEFE7
≈ Underwater
- DDE7FF
≈ Lavender Mist
- FCDDE7
≈ Fresh Piglet
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.24:1 · APCA Lc 12
Ag
AAANa czerni
WCAG 16.93:1 · APCA Lc 92
Najlepszy kolor tekstu: #000000
WCAG 16.93:1 (AAA) · APCA Lc 92
Contrast pairs
Fragmenty kodu
CSS
:root {
--wax-poetic: #f1e6cc;
--wax-poetic-rgb: 241 230 204;
--wax-poetic-oklch: oklch(0.927 0.036 87.8);
}
.element {
color: var(--wax-poetic);
background-color: hsl(42 57% 87%);
border-color: oklch(0.927 0.036 87.8);
}Tailwind CSS v4
@theme {
--color-wax-poetic: #f1e6cc;
--color-wax-poetic-50: #f9f5ea;
--color-wax-poetic-100: #ece8db;
--color-wax-poetic-200: #dad4c3;
--color-wax-poetic-300: #bfb7a3;
--color-wax-poetic-400: #a79e86;
--color-wax-poetic-500: #90856b;
--color-wax-poetic-600: #7a715b;
--color-wax-poetic-700: #625a48;
--color-wax-poetic-800: #484234;
--color-wax-poetic-900: #322d23;
--color-wax-poetic-950: #1e1a12;
}SCSS
$wax-poetic: #f1e6cc;
$wax-poetic-rgb: 241, 230, 204;
$wax-poetic-light: mix(#fff, $wax-poetic, 20%);
$wax-poetic-dark: mix(#000, $wax-poetic, 20%);
.element {
color: $wax-poetic;
box-shadow: 0 0 0 2px rgba($wax-poetic, 0.35);
}