Nazwany kolor · #F4E7A5
Dripping Cheese
Dripping Cheese to #F4E7A5: rgb(244 231 165), hsl(50 78% 80%), oklch(0.923 0.085 98.3). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Yellow mean? → · Dripping Cheese color name →
#F4E7A5
oklch(0.923 0.085 98.3)
Konwersje koloru
- HEX
- #f4e7a5
- RGB
- rgb(244 231 165)
- HSL
- hsl(50 78% 80%)
- HWB
- hwb(50 65% 4%)
- OKLCH
- oklch(0.923 0.085 98.3)
- OKLab
- oklab(0.923 -0.012 0.084)
- CIE Lab
- lab(91.55 -2.51 33.9)
- LCH
- lch(91.55 33.99 94.2)
- CMYK
- cmyk(0% 5% 32% 4%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- F5EAAE
- F6ECB8
- F7EEC1
- F8F1CA
- F9F3D3
- FAF6DC
- FCF8E5
- FDFAEE
- FEFDF6
Odcienie ciemniejsze
- D4C98F
- B5AB79
- 978F65
- 7A7351
- 5E593D
- 44402B
- 2B281A
- 14130A
- 030301
Tony
- E8DCA2
- DCD29E
- D0C79B
- C4BD97
- B8B294
- ADA890
- A19E8C
- 969488
- 8B8A84
Harmonie kolorów
Komplementarna +180°
- F4E7A5
Dripping Cheese
- DFE4FF
≈ Stoic White
Analogowa -30° +30°
- F4E7A5
Dripping Cheese
- FFE0BF
≈ Odious Orange
- D5F1B4
≈ Chicon
Triada +120° +240°
- F4E7A5
Dripping Cheese
- BCEFFF
≈ Ice Effect
- FFD8F2
≈ Sweet Sachet
Komplementarna rozszczepiona +150° +210°
- F4E7A5
Dripping Cheese
- D2E9FF
≈ Veiling Waterfalls
- EFDEFF
≈ Lavender Savour
Tetrada +90° +180° +270°
- F4E7A5
Dripping Cheese
- A1F9F0
≈ Pale King’s Blue
- DFE4FF
≈ Stoic White
- FFDBE0
≈ It’s a Girl!
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.24:1 · APCA Lc 12
Ag
AAANa czerni
WCAG 16.82:1 · APCA Lc 92
Najlepszy kolor tekstu: #000000
WCAG 16.82:1 (AAA) · APCA Lc 92
Contrast pairs
Fragmenty kodu
CSS
:root {
--dripping-cheese: #f4e7a5;
--dripping-cheese-rgb: 244 231 165;
--dripping-cheese-oklch: oklch(0.923 0.085 98.3);
}
.element {
color: var(--dripping-cheese);
background-color: hsl(50 78% 80%);
border-color: oklch(0.923 0.085 98.3);
}Tailwind CSS v4
@theme {
--color-dripping-cheese: #f4e7a5;
--color-dripping-cheese-50: #faf6db;
--color-dripping-cheese-100: #eee9c9;
--color-dripping-cheese-200: #dcd6ac;
--color-dripping-cheese-300: #c1b986;
--color-dripping-cheese-400: #ab9f63;
--color-dripping-cheese-500: #95873f;
--color-dripping-cheese-600: #7e7237;
--color-dripping-cheese-700: #655b2b;
--color-dripping-cheese-800: #4b421e;
--color-dripping-cheese-900: #342e13;
--color-dripping-cheese-950: #1f1a05;
}SCSS
$dripping-cheese: #f4e7a5;
$dripping-cheese-rgb: 244, 231, 165;
$dripping-cheese-light: mix(#fff, $dripping-cheese, 20%);
$dripping-cheese-dark: mix(#000, $dripping-cheese, 20%);
.element {
color: $dripping-cheese;
box-shadow: 0 0 0 2px rgba($dripping-cheese, 0.35);
}