Adlandırılmış renk · #E0DDBE
Above Board
Above Board, #E0DDBE: rgb(224 221 190), hsl(55 35% 81%), oklch(0.892 0.041 102.7). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Yellow mean? → · Above Board color name →
#E0DDBE
oklch(0.892 0.041 102.7)
Renk dönüşümleri
- HEX
- #e0ddbe
- RGB
- rgb(224 221 190)
- HSL
- hsl(55 35% 81%)
- HWB
- hwb(55 75% 12%)
- OKLCH
- oklch(0.892 0.041 102.7)
- OKLab
- oklab(0.892 -0.009 0.04)
- CIE Lab
- lab(87.75 -2.75 15.68)
- LCH
- lch(87.75 15.92 100)
- CMYK
- cmyk(0% 1% 15% 12%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- E3E0C4
- E6E4CB
- E9E7D1
- ECEBD8
- EFEEDE
- F2F1E5
- F6F5EB
- F9F8F2
- FCFCF8
Koyu tonlar
- C3C0A5
- A6A48C
- 8A8875
- 706E5E
- 565548
- 3E3D33
- 27261F
- 12110D
- 020202
Gri tonlar
- D6D3B8
- CCCAB1
- C2C0AB
- B8B7A5
- AFAD9F
- A5A499
- 9C9B92
- 92928C
- 898986
Renk uyumları
Tamamlayıcı +180°
- E0DDBE
Above Board
- D7D9F7
≈ Quartz
Analog -30° +30°
- E0DDBE
Above Board
- EDD8BE
≈ Steamed Milk
- D1E2C6
≈ Endive
Üçlü +120° +240°
- E0DDBE
Above Board
- BFE2EF
≈ Cotton Clouds
- F0D1E3
≈ Lacquer Mauve
Bölünmüş tamamlayıcı +150° +210°
- E0DDBE
Above Board
- C9DEF7
≈ Fly a Kite
- E5D4EF
≈ Lavender Princess
Dörtlü +90° +180° +270°
- E0DDBE
Above Board
- BDE5E3
≈ Tropical Waterfall
- D7D9F7
≈ Quartz
- F5D1D4
≈ Rose Milk
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.37:1 · APCA Lc 18
Ag
AAASiyah üzerinde
WCAG 15.25:1 · APCA Lc 85
En iyi metin rengi: #000000
WCAG 15.25:1 (AAA) · APCA Lc 85
Contrast pairs
Kod parçacıkları
CSS
:root {
--above-board: #e0ddbe;
--above-board-rgb: 224 221 190;
--above-board-oklch: oklch(0.892 0.041 102.7);
}
.element {
color: var(--above-board);
background-color: hsl(55 35% 81%);
border-color: oklch(0.892 0.041 102.7);
}Tailwind CSS v4
@theme {
--color-above-board: #e0ddbe;
--color-above-board-50: #f7f6e9;
--color-above-board-100: #eae9d9;
--color-above-board-200: #d7d6c2;
--color-above-board-300: #bab9a1;
--color-above-board-400: #a3a084;
--color-above-board-500: #8b8868;
--color-above-board-600: #767358;
--color-above-board-700: #5e5c46;
--color-above-board-800: #454332;
--color-above-board-900: #302e22;
--color-above-board-950: #1c1b11;
}SCSS
$above-board: #e0ddbe;
$above-board-rgb: 224, 221, 190;
$above-board-light: mix(#fff, $above-board, 20%);
$above-board-dark: mix(#000, $above-board, 20%);
.element {
color: $above-board;
box-shadow: 0 0 0 2px rgba($above-board, 0.35);
}