Màu có tên · #E69332
Sanskrit
Sanskrit là #E69332: rgb(230 147 50), hsl(32 78% 55%), oklch(0.733 0.146 65.3). Xem sắc nhạt, sắc đậm, hòa sắc, tương phản WCAG và APCA, cùng mã CSS, Tailwind v4 và SCSS.
What does Orange mean? → · Sanskrit color name →
#E69332
oklch(0.733 0.146 65.3)
Chuyển đổi màu
- HEX
- #e69332
- RGB
- rgb(230 147 50)
- HSL
- hsl(32 78% 55%)
- HWB
- hwb(32 20% 10%)
- OKLCH
- oklch(0.733 0.146 65.3)
- OKLab
- oklab(0.733 0.061 0.132)
- CIE Lab
- lab(68.54 26.83 61.32)
- LCH
- lch(68.54 66.93 66.4)
- CMYK
- cmyk(0% 36% 78% 10%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- E99E4E
- EDA965
- F0B47A
- F2BF8E
- F5CAA1
- F7D5B4
- FADFC7
- FCEADA
- FDF4EC
Sắc đậm
- C87F2A
- AB6C22
- 8E591B
- 734714
- 59360D
- 402507
- 281603
- 130801
- 030100
Sắc xám
- DC9240
- D2904B
- C88F55
- BE8D5D
- B38B64
- A9896B
- 9F8770
- 958576
- 8A837B
Hòa sắc
Bổ túc +180°
- E69332
Sanskrit
- 4CB0FE
≈ Adamantine Blue
Tương đồng -30° +30°
- E69332
Sanskrit
- F58467
≈ Juicy Passionfruit
- C5A718
≈ La Vida
Bộ ba +120° +240°
- E69332
Sanskrit
- 00C2B3
≈ Amazonite
- BE8FF1
≈ Luminous Lavender
Bổ túc chia +150° +210°
- E69332
Sanskrit
- 00BCDB
≈ Maldives
- 90A0FF
≈ Periwinkle Blue
Bộ bốn +90° +180° +270°
- E69332
Sanskrit
- 4CC380
≈ Googol
- 4CB0FE
≈ Adamantine Blue
- E083CC
≈ Pink Punk
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 2.44:1 · APCA Lc 48
Ag
AAATrên nền đen
WCAG 8.58:1 · APCA Lc 54
Màu chữ tốt nhất: #000000
WCAG 8.58:1 (AAA) · APCA Lc 54
Contrast pairs
Đoạn mã
CSS
:root {
--sanskrit: #e69332;
--sanskrit-rgb: 230 147 50;
--sanskrit-oklch: oklch(0.733 0.146 65.3);
}
.element {
color: var(--sanskrit);
background-color: hsl(32 78% 55%);
border-color: oklch(0.733 0.146 65.3);
}Tailwind CSS v4
@theme {
--color-sanskrit: #e69332;
--color-sanskrit-50: #ffeec9;
--color-sanskrit-100: #ffdfb4;
--color-sanskrit-200: #ffc990;
--color-sanskrit-300: #e9a861;
--color-sanskrit-400: #d88a30;
--color-sanskrit-500: #c56d00;
--color-sanskrit-600: #a75d00;
--color-sanskrit-700: #864a00;
--color-sanskrit-800: #643500;
--color-sanskrit-900: #472400;
--color-sanskrit-950: #2e1200;
}SCSS
$sanskrit: #e69332;
$sanskrit-rgb: 230, 147, 50;
$sanskrit-light: mix(#fff, $sanskrit, 20%);
$sanskrit-dark: mix(#000, $sanskrit, 20%);
.element {
color: $sanskrit;
box-shadow: 0 0 0 2px rgba($sanskrit, 0.35);
}