Adlandırılmış renk · #927558
Warm Earth
Warm Earth, #927558: rgb(146 117 88), hsl(30 25% 46%), oklch(0.583 0.055 66.4). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Orange mean? → · Warm Earth color name →
#927558
oklch(0.583 0.055 66.4)
Renk dönüşümleri
- HEX
- #927558
- RGB
- rgb(146 117 88)
- HSL
- hsl(30 25% 46%)
- HWB
- hwb(30 35% 43%)
- OKLCH
- oklch(0.583 0.055 66.4)
- OKLab
- oklab(0.583 0.022 0.051)
- CIE Lab
- lab(51.54 8.65 20.55)
- LCH
- lch(51.54 22.3 67.2)
- CMYK
- cmyk(0% 20% 40% 43%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 9D8268
- A78F78
- B29D88
- BDAA98
- C8B8A9
- D3C6BA
- DED4CB
- E9E2DC
- F4F0ED
Koyu tonlar
- 7E654B
- 6B553F
- 584633
- 463728
- 35291D
- 251C12
- 160F09
- 080503
- 010100
Gri tonlar
- 90765C
- 8F7760
- 8D7965
- 8B7A69
- 897B6D
- 887C71
- 867D74
- 847E78
- 827F7C
Renk uyumları
Tamamlayıcı +180°
- 927558
Warm Earth
- 607F9B
≈ Goddess of the Nile
Analog -30° +30°
- 927558
Warm Earth
- 997064
≈ Antique Rose
- 857C55
≈ Fern Grove
Üçlü +120° +240°
- 927558
Warm Earth
- 548680
≈ Jericho Jade
- 837396
≈ Purple Haze
Bölünmüş tamamlayıcı +150° +210°
- 927558
Warm Earth
- 548490
≈ Night Masque
- 72799C
≈ Quantum Blue
Dörtlü +90° +180° +270°
- 927558
Warm Earth
- 60856E
≈ Comfrey
- 607F9B
≈ Goddess of the Nile
- 916F88
≈ Very Grape
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 4.27:1 · APCA Lc 70
Ag
AASiyah üzerinde
WCAG 4.90:1 · APCA Lc 32
En iyi metin rengi: #000000
WCAG 4.90:1 (AA) · APCA Lc 32
Contrast pairs
Kod parçacıkları
CSS
:root {
--warm-earth: #927558;
--warm-earth-rgb: 146 117 88;
--warm-earth-oklch: oklch(0.583 0.055 66.4);
}
.element {
color: var(--warm-earth);
background-color: hsl(30 25% 46%);
border-color: oklch(0.583 0.055 66.4);
}Tailwind CSS v4
@theme {
--color-warm-earth: #927558;
--color-warm-earth-50: #fff3e5;
--color-warm-earth-100: #f5e5d5;
--color-warm-earth-200: #e5d0bc;
--color-warm-earth-300: #cbb39a;
--color-warm-earth-400: #b5987c;
--color-warm-earth-500: #a07f5f;
--color-warm-earth-600: #876c51;
--color-warm-earth-700: #6c5640;
--color-warm-earth-800: #503e2e;
--color-warm-earth-900: #382b1f;
--color-warm-earth-950: #22180f;
}SCSS
$warm-earth: #927558;
$warm-earth-rgb: 146, 117, 88;
$warm-earth-light: mix(#fff, $warm-earth, 20%);
$warm-earth-dark: mix(#000, $warm-earth, 20%);
.element {
color: $warm-earth;
box-shadow: 0 0 0 2px rgba($warm-earth, 0.35);
}