Nazwany kolor · #FFF0B2
Creamy Lemon
Creamy Lemon to #FFF0B2: rgb(255 240 178), hsl(48 100% 85%), oklch(0.953 0.08 96.1). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Yellow mean? → · Creamy Lemon color name →
#FFF0B2
oklch(0.953 0.08 96.1)
Konwersje koloru
- HEX
- #fff0b2
- RGB
- rgb(255 240 178)
- HSL
- hsl(48 100% 85%)
- HWB
- hwb(48 70% 0%)
- OKLCH
- oklch(0.953 0.08 96.1)
- OKLab
- oklab(0.953 -0.009 0.08)
- CIE Lab
- lab(94.91 -1.44 31.99)
- LCH
- lch(94.91 32.03 92.6)
- CMYK
- cmyk(0% 6% 30% 0%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- FFF2BA
- FFF3C2
- FFF5CA
- FFF6D2
- FFF8D9
- FFF9E1
- FFFBE9
- FFFCF0
- FFFEF8
Odcienie ciemniejsze
- DED19A
- BEB283
- 9E956D
- 807857
- 635D43
- 48432F
- 2E2A1D
- 16140C
- 030301
Tony
- F2E4AD
- E4D9A9
- D7CDA4
- CAC29F
- BDB79A
- B1AB95
- A4A090
- 98958B
- 8C8B85
Harmonie kolorów
Komplementarna +180°
- FFF0B2
Creamy Lemon
- EBEEFF
≈ Carte Blanche
Analogowa -30° +30°
- FFF0B2
Creamy Lemon
- FFECD9
≈ Flowerbed
- E2FABF
≈ Fall Green
Triada +120° +240°
- FFF0B2
Creamy Lemon
- D5F6FF
≈ Glacial Day
- FFE7F8
≈ Dolomite Crystal
Komplementarna rozszczepiona +150° +210°
- FFF0B2
Creamy Lemon
- E3F1FF
≈ Wizard White
- F4EBFF
≈ Placebo Fuchsia
Tetrada +90° +180° +270°
- FFF0B2
Creamy Lemon
- BBFFF6
≈ Winter Meadow
- EBEEFF
≈ Carte Blanche
- FFE9ED
≈ Rose Mochi
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.14:1 · APCA Lc 0
Ag
AAANa czerni
WCAG 18.35:1 · APCA Lc 98
Najlepszy kolor tekstu: #000000
WCAG 18.35:1 (AAA) · APCA Lc 98
Contrast pairs
Fragmenty kodu
CSS
:root {
--creamy-lemon: #fff0b2;
--creamy-lemon-rgb: 255 240 178;
--creamy-lemon-oklch: oklch(0.953 0.08 96.1);
}
.element {
color: var(--creamy-lemon);
background-color: hsl(48 100% 85%);
border-color: oklch(0.953 0.08 96.1);
}Tailwind CSS v4
@theme {
--color-creamy-lemon: #fff0b2;
--color-creamy-lemon-50: #fbf6dc;
--color-creamy-lemon-100: #efe9cb;
--color-creamy-lemon-200: #ddd5ae;
--color-creamy-lemon-300: #c2b889;
--color-creamy-lemon-400: #ac9f67;
--color-creamy-lemon-500: #968644;
--color-creamy-lemon-600: #7f713b;
--color-creamy-lemon-700: #655b2e;
--color-creamy-lemon-800: #4b4220;
--color-creamy-lemon-900: #342d15;
--color-creamy-lemon-950: #201a07;
}SCSS
$creamy-lemon: #fff0b2;
$creamy-lemon-rgb: 255, 240, 178;
$creamy-lemon-light: mix(#fff, $creamy-lemon, 20%);
$creamy-lemon-dark: mix(#000, $creamy-lemon, 20%);
.element {
color: $creamy-lemon;
box-shadow: 0 0 0 2px rgba($creamy-lemon, 0.35);
}