Nazwany kolor · #E69332
Sanskrit
Sanskrit to #E69332: rgb(230 147 50), hsl(32 78% 55%), oklch(0.733 0.146 65.3). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Orange mean? → · Sanskrit color name →
#E69332
oklch(0.733 0.146 65.3)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- E99E4E
- EDA965
- F0B47A
- F2BF8E
- F5CAA1
- F7D5B4
- FADFC7
- FCEADA
- FDF4EC
Odcienie ciemniejsze
- C87F2A
- AB6C22
- 8E591B
- 734714
- 59360D
- 402507
- 281603
- 130801
- 030100
Tony
- DC9240
- D2904B
- C88F55
- BE8D5D
- B38B64
- A9896B
- 9F8770
- 958576
- 8A837B
Harmonie kolorów
Komplementarna +180°
- E69332
Sanskrit
- 4CB0FE
≈ Adamantine Blue
Analogowa -30° +30°
- E69332
Sanskrit
- F58467
≈ Juicy Passionfruit
- C5A718
≈ La Vida
Triada +120° +240°
- E69332
Sanskrit
- 00C2B3
≈ Amazonite
- BE8FF1
≈ Luminous Lavender
Komplementarna rozszczepiona +150° +210°
- E69332
Sanskrit
- 00BCDB
≈ Maldives
- 90A0FF
≈ Periwinkle Blue
Tetrada +90° +180° +270°
- E69332
Sanskrit
- 4CC380
≈ Googol
- 4CB0FE
≈ Adamantine Blue
- E083CC
≈ Pink Punk
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.44:1 · APCA Lc 48
Ag
AAANa czerni
WCAG 8.58:1 · APCA Lc 54
Najlepszy kolor tekstu: #000000
WCAG 8.58:1 (AAA) · APCA Lc 54
Contrast pairs
Fragmenty kodu
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);
}