Nazwany kolor · #F3F0D9
Honey Yoghurt Popsicles
Honey Yoghurt Popsicles to #F3F0D9: rgb(243 240 217), hsl(53 52% 90%), oklch(0.951 0.03 100.9). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Honey Yoghurt Popsicles color name →
#F3F0D9
oklch(0.951 0.03 100.9)
Konwersje koloru
- HEX
- #f3f0d9
- RGB
- rgb(243 240 217)
- HSL
- hsl(53 52% 90%)
- HWB
- hwb(53 85% 5%)
- OKLCH
- oklch(0.951 0.03 100.9)
- OKLab
- oklab(0.951 -0.006 0.03)
- CIE Lab
- lab(94.57 -1.81 11.54)
- LCH
- lch(94.57 11.68 98.9)
- CMYK
- cmyk(0% 1% 11% 5%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- F4F2DD
- F5F3E1
- F7F5E4
- F8F6E8
- F9F8EC
- FAF9F0
- FBFBF4
- FDFCF7
- FEFEFB
Odcienie ciemniejsze
- D3D1BC
- B4B2A1
- 979586
- 7A786C
- 5E5D53
- 44433B
- 2B2A25
- 141411
- 030302
Tony
- E7E4D0
- DBD9C7
- CFCDBE
- C3C2B4
- B8B6AC
- ACABA3
- A1A09A
- 969591
- 8B8B89
Harmonie kolorów
Komplementarna +180°
- F3F0D9
Honey Yoghurt Popsicles
- ECEEFF
≈ Carte Blanche
Analogowa -30° +30°
- F3F0D9
Honey Yoghurt Popsicles
- FCECD9
≈ White Blush
- E8F4DE
≈ Diminished Mint
Triada +120° +240°
- F3F0D9
Honey Yoghurt Popsicles
- DAF4FE
≈ Wizard White
- FEE7F5
≈ Dolomite Crystal
Komplementarna rozszczepiona +150° +210°
- F3F0D9
Honey Yoghurt Popsicles
- E4F1FF
≈ Cotton Boll
- F6EAFF
≈ Placebo Fuchsia
Tetrada +90° +180° +270°
- F3F0D9
Honey Yoghurt Popsicles
- D9F6F4
≈ Fishious Rend
- ECEEFF
≈ Carte Blanche
- FFE9EB
≈ Pink Sparkle
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.14:1 · APCA Lc 0
Ag
AAANa czerni
WCAG 18.27:1 · APCA Lc 97
Najlepszy kolor tekstu: #000000
WCAG 18.27:1 (AAA) · APCA Lc 97
Contrast pairs
Fragmenty kodu
CSS
:root {
--honey-yoghurt-popsicles: #f3f0d9;
--honey-yoghurt-popsicles-rgb: 243 240 217;
--honey-yoghurt-popsicles-oklch: oklch(0.951 0.03 100.9);
}
.element {
color: var(--honey-yoghurt-popsicles);
background-color: hsl(53 52% 90%);
border-color: oklch(0.951 0.03 100.9);
}Tailwind CSS v4
@theme {
--color-honey-yoghurt-popsicles: #f3f0d9;
--color-honey-yoghurt-popsicles-50: #f6f6ec;
--color-honey-yoghurt-popsicles-100: #e9e8dd;
--color-honey-yoghurt-popsicles-200: #d6d5c6;
--color-honey-yoghurt-popsicles-300: #bab8a7;
--color-honey-yoghurt-popsicles-400: #a29f8b;
--color-honey-yoghurt-popsicles-500: #8a8770;
--color-honey-yoghurt-popsicles-600: #75725f;
--color-honey-yoghurt-popsicles-700: #5e5b4c;
--color-honey-yoghurt-popsicles-800: #454337;
--color-honey-yoghurt-popsicles-900: #302e25;
--color-honey-yoghurt-popsicles-950: #1c1b14;
}SCSS
$honey-yoghurt-popsicles: #f3f0d9;
$honey-yoghurt-popsicles-rgb: 243, 240, 217;
$honey-yoghurt-popsicles-light: mix(#fff, $honey-yoghurt-popsicles, 20%);
$honey-yoghurt-popsicles-dark: mix(#000, $honey-yoghurt-popsicles, 20%);
.element {
color: $honey-yoghurt-popsicles;
box-shadow: 0 0 0 2px rgba($honey-yoghurt-popsicles, 0.35);
}