Nazwany kolor · #F3F2E1
Desert Iguana
Desert Iguana to #F3F2E1: rgb(243 242 225), hsl(57 43% 92%), oklch(0.957 0.022 104.1). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Desert Iguana color name →
#F3F2E1
oklch(0.957 0.022 104.1)
Konwersje koloru
- HEX
- #f3f2e1
- RGB
- rgb(243 242 225)
- HSL
- hsl(57 43% 92%)
- HWB
- hwb(57 88% 5%)
- OKLCH
- oklch(0.957 0.022 104.1)
- OKLab
- oklab(0.957 -0.005 0.022)
- CIE Lab
- lab(95.23 -1.81 8.36)
- LCH
- lch(95.23 8.55 102.2)
- CMYK
- cmyk(0% 0% 7% 5%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- F4F3E4
- F5F5E7
- F7F6EA
- F8F7ED
- F9F9F0
- FAFAF3
- FBFBF6
- FDFCF9
- FEFEFC
Odcienie ciemniejsze
- D3D2C4
- B4B4A7
- 97968B
- 7A7970
- 5E5E56
- 44433E
- 2B2B27
- 141412
- 030302
Tony
- E7E6D7
- DBDACD
- CFCEC3
- C3C3B9
- B8B7AF
- ACACA6
- A1A19C
- 969693
- 8B8B89
Harmonie kolorów
Komplementarna +180°
- F3F2E1
Desert Iguana
- EFEFFF
≈ Foundation White
Analogowa -30° +30°
- F3F2E1
Desert Iguana
- FAEFE1
≈ Chenille White
- EBF5E5
≈ Floaty Bubble
Triada +120° +240°
- F3F2E1
Desert Iguana
- E2F5FC
≈ Coastal Breeze
- FDEBF5
≈ Placebo Magenta
Komplementarna rozszczepiona +150° +210°
- F3F2E1
Desert Iguana
- E8F2FF
≈ Moon White
- F7EDFC
≈ Placebo Fuchsia
Tetrada +90° +180° +270°
- F3F2E1
Desert Iguana
- E1F6F5
≈ Frosty Mint
- EFEFFF
≈ Foundation White
- FFEBEC
≈ Pink Lemonade
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.12:1 · APCA Lc 0
Ag
AAANa czerni
WCAG 18.59:1 · APCA Lc 99
Najlepszy kolor tekstu: #000000
WCAG 18.59:1 (AAA) · APCA Lc 99
Contrast pairs
Fragmenty kodu
CSS
:root {
--desert-iguana: #f3f2e1;
--desert-iguana-rgb: 243 242 225;
--desert-iguana-oklch: oklch(0.957 0.022 104.1);
}
.element {
color: var(--desert-iguana);
background-color: hsl(57 43% 92%);
border-color: oklch(0.957 0.022 104.1);
}Tailwind CSS v4
@theme {
--color-desert-iguana: #f3f2e1;
--color-desert-iguana-50: #f6f6ee;
--color-desert-iguana-100: #e9e8e0;
--color-desert-iguana-200: #d5d5ca;
--color-desert-iguana-300: #b8b8ab;
--color-desert-iguana-400: #a09f90;
--color-desert-iguana-500: #888776;
--color-desert-iguana-600: #737264;
--color-desert-iguana-700: #5c5b50;
--color-desert-iguana-800: #44433a;
--color-desert-iguana-900: #2f2e28;
--color-desert-iguana-950: #1b1b16;
}SCSS
$desert-iguana: #f3f2e1;
$desert-iguana-rgb: 243, 242, 225;
$desert-iguana-light: mix(#fff, $desert-iguana, 20%);
$desert-iguana-dark: mix(#000, $desert-iguana, 20%);
.element {
color: $desert-iguana;
box-shadow: 0 0 0 2px rgba($desert-iguana, 0.35);
}