Adlandırılmış renk · #EFE0C6
Thatched Roof
Thatched Roof, #EFE0C6: rgb(239 224 198), hsl(38 56% 86%), oklch(0.912 0.038 81.5). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Orange mean? → · Thatched Roof color name →
#EFE0C6
oklch(0.912 0.038 81.5)
Renk dönüşümleri
- HEX
- #efe0c6
- RGB
- rgb(239 224 198)
- HSL
- hsl(38 56% 86%)
- HWB
- hwb(38 78% 6%)
- OKLCH
- oklch(0.912 0.038 81.5)
- OKLab
- oklab(0.912 0.006 0.038)
- CIE Lab
- lab(89.89 2.23 14.73)
- LCH
- lch(89.89 14.9 81.4)
- CMYK
- cmyk(0% 6% 17% 6%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- F1E3CC
- F2E6D1
- F4E9D7
- F5ECDD
- F7EFE2
- F9F3E8
- FAF6EE
- FCF9F4
- FDFCF9
Koyu tonlar
- D0C3AC
- B1A692
- 948A7A
- 787062
- 5C564B
- 423E35
- 2A2721
- 14120E
- 030202
Gri tonlar
- E3D6BF
- D8CCB8
- CCC2B1
- C1B8AA
- B6AFA3
- ABA59C
- A09C95
- 95928E
- 8B8987
Renk uyumları
Tamamlayıcı +180°
- EFE0C6
Thatched Roof
- D4E3FC
≈ Weathered Blue
Analog -30° +30°
- EFE0C6
Thatched Roof
- F8DBCB
≈ Pink Sea Salt
- E2E5C8
≈ Lazy Caterpillar
Üçlü +120° +240°
- EFE0C6
Thatched Roof
- C6EAED
≈ Silent Breeze
- EEDAF2
≈ Grape Taffy
Bölünmüş tamamlayıcı +150° +210°
- EFE0C6
Thatched Roof
- CAE7F7
≈ Icy Landscape
- E2DEFA
≈ Stoic White
Dörtlü +90° +180° +270°
- EFE0C6
Thatched Roof
- CAEBDF
≈ Ice Water Green
- D4E3FC
≈ Weathered Blue
- F7D8E5
≈ Lovely Breeze
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.30:1 · APCA Lc 15
Ag
AAASiyah üzerinde
WCAG 16.14:1 · APCA Lc 89
En iyi metin rengi: #000000
WCAG 16.14:1 (AAA) · APCA Lc 89
Contrast pairs
Kod parçacıkları
CSS
:root {
--thatched-roof: #efe0c6;
--thatched-roof-rgb: 239 224 198;
--thatched-roof-oklch: oklch(0.912 0.038 81.5);
}
.element {
color: var(--thatched-roof);
background-color: hsl(38 56% 86%);
border-color: oklch(0.912 0.038 81.5);
}Tailwind CSS v4
@theme {
--color-thatched-roof: #efe0c6;
--color-thatched-roof-50: #faf4e9;
--color-thatched-roof-100: #eee7da;
--color-thatched-roof-200: #dcd3c2;
--color-thatched-roof-300: #c1b6a2;
--color-thatched-roof-400: #aa9d85;
--color-thatched-roof-500: #93846a;
--color-thatched-roof-600: #7c705a;
--color-thatched-roof-700: #645948;
--color-thatched-roof-800: #494134;
--color-thatched-roof-900: #332d23;
--color-thatched-roof-950: #1f1a12;
}SCSS
$thatched-roof: #efe0c6;
$thatched-roof-rgb: 239, 224, 198;
$thatched-roof-light: mix(#fff, $thatched-roof, 20%);
$thatched-roof-dark: mix(#000, $thatched-roof, 20%);
.element {
color: $thatched-roof;
box-shadow: 0 0 0 2px rgba($thatched-roof, 0.35);
}