Adlandırılmış renk · #EFDBA7
Tortilla
Tortilla, #EFDBA7: rgb(239 219 167), hsl(43 69% 80%), oklch(0.895 0.071 89.5). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Yellow mean? → · Tortilla color name →
#EFDBA7
oklch(0.895 0.071 89.5)
Renk dönüşümleri
- HEX
- #efdba7
- RGB
- rgb(239 219 167)
- HSL
- hsl(43 69% 80%)
- HWB
- hwb(43 65% 6%)
- OKLCH
- oklch(0.895 0.071 89.5)
- OKLab
- oklab(0.895 0.001 0.071)
- CIE Lab
- lab(88.13 1.51 28.3)
- LCH
- lch(88.13 28.34 87)
- CMYK
- cmyk(0% 8% 30% 6%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- F1DFB0
- F2E2B9
- F4E6C2
- F5EACB
- F7EDD3
- F9F1DC
- FAF4E5
- FCF8EE
- FDFBF6
Koyu tonlar
- D0BE91
- B1A27B
- 948766
- 786D52
- 5C543E
- 423C2C
- 2A261A
- 14110A
- 030201
Gri tonlar
- E3D2A3
- D8C8A0
- CCBF9C
- C1B698
- B6AD94
- ABA490
- A09B8C
- 959288
- 8B8984
Renk uyumları
Tamamlayıcı +180°
- EFDBA7
Tortilla
- CFDCFF
≈ Arc Light
Analog -30° +30°
- EFDBA7
Tortilla
- FFD3B0
≈ Papaya Whip
- D6E4AF
≈ Lasting Thoughts
Üçlü +120° +240°
- EFDBA7
Tortilla
- A5EAF6
≈ Uranus
- F8CCF4
≈ Kissed by Mist
Bölünmüş tamamlayıcı +150° +210°
- EFDBA7
Tortilla
- BBE2FF
≈ Dithered Sky
- E2D4FF
≈ Pale Lavender
Dörtlü +90° +180° +270°
- EFDBA7
Tortilla
- A9ECDE
≈ Mint Tea
- CFDCFF
≈ Arc Light
- FFCDDB
≈ Linnet Egg Red
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.36:1 · APCA Lc 18
Ag
AAASiyah üzerinde
WCAG 15.36:1 · APCA Lc 86
En iyi metin rengi: #000000
WCAG 15.36:1 (AAA) · APCA Lc 86
Contrast pairs
Kod parçacıkları
CSS
:root {
--tortilla: #efdba7;
--tortilla-rgb: 239 219 167;
--tortilla-oklch: oklch(0.895 0.071 89.5);
}
.element {
color: var(--tortilla);
background-color: hsl(43 69% 80%);
border-color: oklch(0.895 0.071 89.5);
}Tailwind CSS v4
@theme {
--color-tortilla: #efdba7;
--color-tortilla-50: #fcf5df;
--color-tortilla-100: #f0e8ce;
--color-tortilla-200: #dfd4b3;
--color-tortilla-300: #c5b78e;
--color-tortilla-400: #af9d6e;
--color-tortilla-500: #99844d;
--color-tortilla-600: #817042;
--color-tortilla-700: #675934;
--color-tortilla-800: #4d4125;
--color-tortilla-900: #352d18;
--color-tortilla-950: #211a09;
}SCSS
$tortilla: #efdba7;
$tortilla-rgb: 239, 219, 167;
$tortilla-light: mix(#fff, $tortilla, 20%);
$tortilla-dark: mix(#000, $tortilla, 20%);
.element {
color: $tortilla;
box-shadow: 0 0 0 2px rgba($tortilla, 0.35);
}