Nazwany kolor · #F4D6A4
Pismo Dunes
Pismo Dunes to #F4D6A4: rgb(244 214 164), hsl(37 78% 80%), oklch(0.889 0.073 80.2). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Orange mean? → · Pismo Dunes color name →
#F4D6A4
oklch(0.889 0.073 80.2)
Konwersje koloru
- HEX
- #f4d6a4
- RGB
- rgb(244 214 164)
- HSL
- hsl(37 78% 80%)
- HWB
- hwb(37 64% 4%)
- OKLCH
- oklch(0.889 0.073 80.2)
- OKLab
- oklab(0.889 0.012 0.072)
- CIE Lab
- lab(87.28 5.59 28.81)
- LCH
- lch(87.28 29.35 79)
- CMYK
- cmyk(0% 12% 33% 4%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- F5DAAD
- F6DEB7
- F8E2C0
- F9E7C9
- FAEBD2
- FBEFDB
- FCF3E4
- FDF7ED
- FEFBF6
Odcienie ciemniejsze
- D4BA8E
- B59E79
- 978464
- 7A6A50
- 5E523D
- 443B2B
- 2B251A
- 14100A
- 030201
Tony
- E8CDA1
- DCC49D
- D0BC9A
- C4B396
- B8AA93
- ADA28F
- A1998C
- 969188
- 8B8884
Harmonie kolorów
Komplementarna +180°
- F4D6A4
Pismo Dunes
- C6DCFF
≈ Arc Light
Analogowa -30° +30°
- F4D6A4
Pismo Dunes
- FFCFB4
≈ Apricot Lily
- DDDFA8
≈ Spaghetti Carbonara
Triada +120° +240°
- F4D6A4
Pismo Dunes
- A0EAEE
≈ Freezy Breezy
- F1CBF9
≈ Sparkling Lavender
Komplementarna rozszczepiona +150° +210°
- F4D6A4
Pismo Dunes
- ADE4FF
≈ Frozen Landscape
- D9D5FF
≈ Pale Lavender
Tetrada +90° +180° +270°
- F4D6A4
Pismo Dunes
- AAEBD3
≈ Martian Haze
- C6DCFF
≈ Arc Light
- FFC9E1
≈ Cherry Blush
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.39:1 · APCA Lc 19
Ag
AAANa czerni
WCAG 15.00:1 · APCA Lc 84
Najlepszy kolor tekstu: #000000
WCAG 15.00:1 (AAA) · APCA Lc 84
Contrast pairs
Fragmenty kodu
CSS
:root {
--pismo-dunes: #f4d6a4;
--pismo-dunes-rgb: 244 214 164;
--pismo-dunes-oklch: oklch(0.889 0.073 80.2);
}
.element {
color: var(--pismo-dunes);
background-color: hsl(37 78% 80%);
border-color: oklch(0.889 0.073 80.2);
}Tailwind CSS v4
@theme {
--color-pismo-dunes: #f4d6a4;
--color-pismo-dunes-50: #fff4de;
--color-pismo-dunes-100: #f4e6cd;
--color-pismo-dunes-200: #e4d2b2;
--color-pismo-dunes-300: #cab48d;
--color-pismo-dunes-400: #b59a6d;
--color-pismo-dunes-500: #9f814c;
--color-pismo-dunes-600: #876d41;
--color-pismo-dunes-700: #6c5734;
--color-pismo-dunes-800: #503f24;
--color-pismo-dunes-900: #382c18;
--color-pismo-dunes-950: #221909;
}SCSS
$pismo-dunes: #f4d6a4;
$pismo-dunes-rgb: 244, 214, 164;
$pismo-dunes-light: mix(#fff, $pismo-dunes, 20%);
$pismo-dunes-dark: mix(#000, $pismo-dunes, 20%);
.element {
color: $pismo-dunes;
box-shadow: 0 0 0 2px rgba($pismo-dunes, 0.35);
}