Adlandırılmış renk · #E3AC3D
Tulip Tree
Tulip Tree, #E3AC3D: rgb(227 172 61), hsl(40 75% 56%), oklch(0.777 0.139 81.2). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Orange mean? → · Tulip Tree color name →
#E3AC3D
oklch(0.777 0.139 81.2)
Renk dönüşümleri
- HEX
- #e3ac3d
- RGB
- rgb(227 172 61)
- HSL
- hsl(40 75% 56%)
- HWB
- hwb(40 24% 11%)
- OKLCH
- oklch(0.777 0.139 81.2)
- OKLab
- oklab(0.777 0.021 0.137)
- CIE Lab
- lab(74.16 13.22 62.03)
- LCH
- lch(74.16 63.42 78)
- CMYK
- cmyk(0% 24% 73% 11%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- E6B557
- E9BD6D
- ECC681
- EFCE94
- F2D6A6
- F5DEB8
- F7E7CA
- FAEFDC
- FCF7ED
Koyu tonlar
- C59534
- A87F2B
- 8C6922
- 71541A
- 574012
- 3F2D0A
- 271B04
- 120B01
- 030100
Gri tonlar
- D9A849
- CFA453
- C59F5C
- BB9B63
- B19769
- A7926F
- 9D8E74
- 938978
- 8A857C
Renk uyumları
Tamamlayıcı +180°
- E3AC3D
Tulip Tree
- 8DB7FF
≈ Carolina Blue
Analog -30° +30°
- E3AC3D
Tulip Tree
- FC9B5F
≈ Papaya
- BABE4A
≈ Sinsemilla
Üçlü +120° +240°
- E3AC3D
Tulip Tree
- 00CFD9
≈ Jade Glass
- DF97EC
≈ Bright Lilac
Bölünmüş tamamlayıcı +150° +210°
- E3AC3D
Tulip Tree
- 3FC5FE
≈ Shovel Knight
- B7A8FF
≈ Winterspring Lilac
Dörtlü +90° +180° +270°
- E3AC3D
Tulip Tree
- 37D2AB
≈ Mint Jelly
- 8DB7FF
≈ Carolina Blue
- F88FC1
≈ Cochonnet
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.05:1 · APCA Lc 40
Ag
AAASiyah üzerinde
WCAG 10.23:1 · APCA Lc 63
En iyi metin rengi: #000000
WCAG 10.23:1 (AAA) · APCA Lc 63
Contrast pairs
Kod parçacıkları
CSS
:root {
--tulip-tree: #e3ac3d;
--tulip-tree-rgb: 227 172 61;
--tulip-tree-oklch: oklch(0.777 0.139 81.2);
}
.element {
color: var(--tulip-tree);
background-color: hsl(40 75% 56%);
border-color: oklch(0.777 0.139 81.2);
}Tailwind CSS v4
@theme {
--color-tulip-tree: #e3ac3d;
--color-tulip-tree-50: #fff2c9;
--color-tulip-tree-100: #ffe5b3;
--color-tulip-tree-200: #f1d08f;
--color-tulip-tree-300: #dab15f;
--color-tulip-tree-400: #c89529;
--color-tulip-tree-500: #b47900;
--color-tulip-tree-600: #986700;
--color-tulip-tree-700: #7a5200;
--color-tulip-tree-800: #5b3b00;
--color-tulip-tree-900: #402900;
--color-tulip-tree-950: #291600;
}SCSS
$tulip-tree: #e3ac3d;
$tulip-tree-rgb: 227, 172, 61;
$tulip-tree-light: mix(#fff, $tulip-tree, 20%);
$tulip-tree-dark: mix(#000, $tulip-tree, 20%);
.element {
color: $tulip-tree;
box-shadow: 0 0 0 2px rgba($tulip-tree, 0.35);
}