Najbliższy nazwany kolor · #E7AB36
#E7AB36
Najbliższy nazwany kolor: Tonkatsu
#E7AB36 (rgb(231 171 54), hsl(40 79% 56%), oklch(0.778 0.144 79.7)) jest najbliższy nazwanemu kolorowi Tonkatsu. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#E7AB36
oklch(0.778 0.144 79.7)
Konwersje koloru
- HEX
- #e7ab36
- RGB
- rgb(231 171 54)
- HSL
- hsl(40 79% 56%)
- HWB
- hwb(40 21% 9%)
- OKLCH
- oklch(0.778 0.144 79.7)
- OKLab
- oklab(0.778 0.026 0.142)
- CIE Lab
- lab(74.32 15.21 65)
- LCH
- lch(74.32 66.75 76.8)
- CMYK
- cmyk(0% 26% 77% 9%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- EAB452
- ECBC6A
- EFC57E
- F2CD92
- F4D6A5
- F6DEB7
- F9E6C9
- FBEFDB
- FDF7ED
Odcienie ciemniejsze
- C9942E
- AB7E25
- 8F681E
- 735416
- 59400F
- 402D08
- 281B03
- 130B01
- 030100
Tony
- DCA744
- D2A350
- C89F59
- BD9B60
- B39667
- A9926D
- 9E8E73
- 948978
- 8A857C
Harmonie kolorów
Komplementarna +180°
- E7AB36
Tonkatsu
- 8CB8FF
≈ Carolina Blue
Analogowa -30° +30°
- E7AB36
Tonkatsu
- FF995E
≈ Papaya
- BDBE41
≈ Enigma
Triada +120° +240°
- E7AB36
Tonkatsu
- 00D0D8
≈ Jade Glass
- DF97F0
≈ Bright Lilac
Komplementarna rozszczepiona +150° +210°
- E7AB36
Tonkatsu
- 36C7FF
≈ Shovel Knight
- B5A9FF
≈ Shy Moment
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.04:1 · APCA Lc 40
Ag
AAANa czerni
WCAG 10.27:1 · APCA Lc 63
Najlepszy kolor tekstu: #000000
WCAG 10.27:1 (AAA) · APCA Lc 63
Contrast pairs
Fragmenty kodu
CSS
:root {
--tonkatsu: #e7ab36;
--tonkatsu-rgb: 231 171 54;
--tonkatsu-oklch: oklch(0.778 0.144 79.7);
}
.element {
color: var(--tonkatsu);
background-color: hsl(40 79% 56%);
border-color: oklch(0.778 0.144 79.7);
}Tailwind CSS v4
@theme {
--color-tonkatsu: #e7ab36;
--color-tonkatsu-50: #fff2c7;
--color-tonkatsu-100: #ffe4b1;
--color-tonkatsu-200: #f3cf8c;
--color-tonkatsu-300: #dcb05b;
--color-tonkatsu-400: #cb931f;
--color-tonkatsu-500: #b77800;
--color-tonkatsu-600: #9b6600;
--color-tonkatsu-700: #7c5100;
--color-tonkatsu-800: #5d3a00;
--color-tonkatsu-900: #412800;
--color-tonkatsu-950: #2a1600;
}SCSS
$tonkatsu: #e7ab36;
$tonkatsu-rgb: 231, 171, 54;
$tonkatsu-light: mix(#fff, $tonkatsu, 20%);
$tonkatsu-dark: mix(#000, $tonkatsu, 20%);
.element {
color: $tonkatsu;
box-shadow: 0 0 0 2px rgba($tonkatsu, 0.35);
}