Nazwany kolor · #F4DDA5
Cutlery Polish
Cutlery Polish to #F4DDA5: rgb(244 221 165), hsl(43 78% 80%), oklch(0.903 0.076 88.3). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Yellow mean? → · Cutlery Polish color name →
#F4DDA5
oklch(0.903 0.076 88.3)
Konwersje koloru
- HEX
- #f4dda5
- RGB
- rgb(244 221 165)
- HSL
- hsl(43 78% 80%)
- HWB
- hwb(43 65% 4%)
- OKLCH
- oklch(0.903 0.076 88.3)
- OKLab
- oklab(0.903 0.002 0.076)
- CIE Lab
- lab(89.04 2.28 30.61)
- LCH
- lch(89.04 30.7 85.7)
- CMYK
- cmyk(0% 9% 32% 4%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- F5E0AE
- F6E4B8
- F7E7C1
- F8EBCA
- FAEED3
- FBF2DC
- FCF5E4
- FDF8ED
- FEFCF6
Odcienie ciemniejsze
- D4C08F
- B5A479
- 978865
- 7A6E51
- 5E553D
- 443D2B
- 2B261A
- 14110A
- 030201
Tony
- E8D3A2
- DCCA9E
- D0C09B
- C4B797
- B8AE93
- ADA490
- A19B8C
- 969288
- 8B8984
Harmonie kolorów
Komplementarna +180°
- F4DDA5
Cutlery Polish
- D2DFFF
≈ Arc Light
Analogowa -30° +30°
- F4DDA5
Cutlery Polish
- FFD6B8
≈ Curtsy
- DAE7AD
≈ Lichen Gold
Triada +120° +240°
- F4DDA5
Cutlery Polish
- A2EEFA
≈ Permafrost
- FCCEF9
≈ Kissed by Mist
Komplementarna rozszczepiona +150° +210°
- F4DDA5
Cutlery Polish
- BFE5FF
≈ Fresh Water
- E3D8FF
≈ Transparent Blue
Tetrada +90° +180° +270°
- F4DDA5
Cutlery Polish
- A7F0DF
≈ Mint Tea
- D2DFFF
≈ Arc Light
- FFD1DF
≈ Light Pink
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.33:1 · APCA Lc 16
Ag
AAANa czerni
WCAG 15.73:1 · APCA Lc 87
Najlepszy kolor tekstu: #000000
WCAG 15.73:1 (AAA) · APCA Lc 87
Contrast pairs
Fragmenty kodu
CSS
:root {
--cutlery-polish: #f4dda5;
--cutlery-polish-rgb: 244 221 165;
--cutlery-polish-oklch: oklch(0.903 0.076 88.3);
}
.element {
color: var(--cutlery-polish);
background-color: hsl(43 78% 80%);
border-color: oklch(0.903 0.076 88.3);
}Tailwind CSS v4
@theme {
--color-cutlery-polish: #f4dda5;
--color-cutlery-polish-50: #fdf5dd;
--color-cutlery-polish-100: #f2e7cc;
--color-cutlery-polish-200: #e1d4b0;
--color-cutlery-polish-300: #c6b68b;
--color-cutlery-polish-400: #b19c69;
--color-cutlery-polish-500: #9b8348;
--color-cutlery-polish-600: #836f3e;
--color-cutlery-polish-700: #695931;
--color-cutlery-polish-800: #4e4122;
--color-cutlery-polish-900: #362d16;
--color-cutlery-polish-950: #211908;
}SCSS
$cutlery-polish: #f4dda5;
$cutlery-polish-rgb: 244, 221, 165;
$cutlery-polish-light: mix(#fff, $cutlery-polish, 20%);
$cutlery-polish-dark: mix(#000, $cutlery-polish, 20%);
.element {
color: $cutlery-polish;
box-shadow: 0 0 0 2px rgba($cutlery-polish, 0.35);
}