Adlandırılmış renk · #E8BE99
Pan Tostado
Pan Tostado, #E8BE99: rgb(232 190 153), hsl(28 63% 75%), oklch(0.829 0.069 63). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Orange mean? → · Pan Tostado color name →
#E8BE99
oklch(0.829 0.069 63)
Renk dönüşümleri
- HEX
- #e8be99
- RGB
- rgb(232 190 153)
- HSL
- hsl(28 63% 75%)
- HWB
- hwb(28 60% 9%)
- OKLCH
- oklch(0.829 0.069 63)
- OKLab
- oklab(0.829 0.031 0.062)
- CIE Lab
- lab(80.07 11.78 24.7)
- LCH
- lch(80.07 27.36 64.5)
- CMYK
- cmyk(0% 18% 34% 9%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- EBC4A3
- EDCBAD
- EFD1B8
- F2D8C2
- F4DECC
- F6E5D6
- F9EBE0
- FBF2EA
- FDF8F5
Koyu tonlar
- CAA584
- AC8C70
- 90755D
- 745E4A
- 594838
- 403327
- 291F17
- 130D08
- 030201
Gri tonlar
- DDB897
- D3B194
- C8AB92
- BEA590
- B39F8D
- A9998B
- 9E9288
- 948C85
- 8A8683
Renk uyumları
Tamamlayıcı +180°
- E8BE99
Pan Tostado
- A1CDF1
≈ Baby Blue Eyes
Analog -30° +30°
- E8BE99
Pan Tostado
- F0B7AB
≈ Canyon Hush
- D6C794
≈ Vast Escape
Üçlü +120° +240°
- E8BE99
Pan Tostado
- 94D6CB
≈ Aqua Glow
- D0BDED
≈ Connecticut Lilac
Bölünmüş tamamlayıcı +150° +210°
- E8BE99
Pan Tostado
- 92D3E2
≈ Infinity Pool
- B8C5F5
≈ Vodka
Dörtlü +90° +180° +270°
- E8BE99
Pan Tostado
- A5D5B2
≈ Frugal
- A1CDF1
≈ Baby Blue Eyes
- E3B7DB
≈ Pink Gems
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.71:1 · APCA Lc 31
Ag
AAASiyah üzerinde
WCAG 12.25:1 · APCA Lc 72
En iyi metin rengi: #000000
WCAG 12.25:1 (AAA) · APCA Lc 72
Contrast pairs
Kod parçacıkları
CSS
:root {
--pan-tostado: #e8be99;
--pan-tostado-rgb: 232 190 153;
--pan-tostado-oklch: oklch(0.829 0.069 63);
}
.element {
color: var(--pan-tostado);
background-color: hsl(28 63% 75%);
border-color: oklch(0.829 0.069 63);
}Tailwind CSS v4
@theme {
--color-pan-tostado: #e8be99;
--color-pan-tostado-50: #fff2e1;
--color-pan-tostado-100: #f9e4d0;
--color-pan-tostado-200: #eacfb6;
--color-pan-tostado-300: #d1b193;
--color-pan-tostado-400: #bc9674;
--color-pan-tostado-500: #a77c55;
--color-pan-tostado-600: #8d6949;
--color-pan-tostado-700: #71543a;
--color-pan-tostado-800: #543d29;
--color-pan-tostado-900: #3b2a1c;
--color-pan-tostado-950: #25170c;
}SCSS
$pan-tostado: #e8be99;
$pan-tostado-rgb: 232, 190, 153;
$pan-tostado-light: mix(#fff, $pan-tostado, 20%);
$pan-tostado-dark: mix(#000, $pan-tostado, 20%);
.element {
color: $pan-tostado;
box-shadow: 0 0 0 2px rgba($pan-tostado, 0.35);
}