Najbliższy nazwany kolor · #535400
#535400
Najbliższy nazwany kolor: Green Not Found
#535400 (rgb(83 84 0), hsl(61 100% 16%), oklch(0.431 0.094 110.6)) jest najbliższy nazwanemu kolorowi Green Not Found. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#535400
oklch(0.431 0.094 110.6)
Konwersje koloru
- HEX
- #535400
- RGB
- rgb(83 84 0)
- HSL
- hsl(61 100% 16%)
- HWB
- hwb(61 0% 67%)
- OKLCH
- oklch(0.431 0.094 110.6)
- OKLab
- oklab(0.431 -0.033 0.088)
- CIE Lab
- lab(34.56 -7.52 41.52)
- LCH
- lch(34.56 42.2 100.3)
- CMYK
- cmyk(1% 0% 100% 67%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 626425
- 72743E
- 828556
- 93956D
- A4A684
- B6B89C
- C7C9B4
- DADBCD
- ECEDE6
Odcienie ciemniejsze
- 474800
- 3B3C00
- 303100
- 252600
- 1B1B00
- 111100
- 080800
- 020200
- 000000
Tony
- 575918
- 5B5D27
- 606134
- 64663F
- 696A4B
- 6D6F56
- 727360
- 76776B
- 7B7C75
Harmonie kolorów
Komplementarna +180°
- 535400
Green Not Found
- 504580
≈ Fresh Eggplant
Analogowa -30° +30°
- 535400
Green Not Found
- 694A00
≈ Antique Bronze
- 305C28
≈ Bright Nori
Triada +120° +240°
- 535400
Green Not Found
- 005876
≈ Broadway
- 763857
≈ Passionate Plum
Komplementarna rozszczepiona +150° +210°
- 535400
Green Not Found
- 314F83
≈ Fun Blue
- 673D6F
≈ Majesty
Tetrada +90° +180° +270°
- 535400
Green Not Found
- 005C60
≈ Enamelled Jewel
- 504580
≈ Fresh Eggplant
- 7C3839
≈ Fire Agate
Kontrast i dostępność
Ag
AAANa bieli
WCAG 7.96:1 · APCA Lc 87
Ag
FailNa czerni
WCAG 2.63:1 · APCA Lc 15
Najlepszy kolor tekstu: #FFFFFF
WCAG 7.96:1 (AAA) · APCA Lc 87
Contrast pairs
Fragmenty kodu
CSS
:root {
--green-not-found: #535400;
--green-not-found-rgb: 83 84 0;
--green-not-found-oklch: oklch(0.431 0.094 110.6);
}
.element {
color: var(--green-not-found);
background-color: hsl(61 100% 16%);
border-color: oklch(0.431 0.094 110.6);
}Tailwind CSS v4
@theme {
--color-green-not-found: #535400;
--color-green-not-found-50: #f5f9da;
--color-green-not-found-100: #e8ecc8;
--color-green-not-found-200: #d4d9ab;
--color-green-not-found-300: #b8bd85;
--color-green-not-found-400: #a1a460;
--color-green-not-found-500: #898c3b;
--color-green-not-found-600: #747633;
--color-green-not-found-700: #5d5f29;
--color-green-not-found-800: #45451b;
--color-green-not-found-900: #303011;
--color-green-not-found-950: #1c1c04;
}SCSS
$green-not-found: #535400;
$green-not-found-rgb: 83, 84, 0;
$green-not-found-light: mix(#fff, $green-not-found, 20%);
$green-not-found-dark: mix(#000, $green-not-found, 20%);
.element {
color: $green-not-found;
box-shadow: 0 0 0 2px rgba($green-not-found, 0.35);
}