Najbliższy nazwany kolor · #766E20
#766E20
Najbliższy nazwany kolor: Crocodile Style
#766E20 (rgb(118 110 32), hsl(54 57% 29%), oklch(0.53 0.097 103.4)) jest najbliższy nazwanemu kolorowi Crocodile Style. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#766E20
oklch(0.53 0.097 103.4)
Konwersje koloru
- HEX
- #766e20
- RGB
- rgb(118 110 32)
- HSL
- hsl(54 57% 29%)
- HWB
- hwb(54 13% 54%)
- OKLCH
- oklch(0.53 0.097 103.4)
- OKLab
- oklab(0.53 -0.023 0.095)
- CIE Lab
- lab(46.04 -3.91 42.23)
- LCH
- lch(46.04 42.41 95.3)
- CMYK
- cmyk(0% 7% 73% 54%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 837C3A
- 908A51
- 9D9866
- AAA67C
- B8B591
- C6C3A7
- D4D2BC
- E2E1D2
- F0F0E9
Odcienie ciemniejsze
- 665F1A
- 565015
- 47410F
- 38330A
- 292606
- 1C1903
- 0F0E01
- 050400
- 010100
Tony
- 77702E
- 787239
- 797444
- 7A764D
- 7B7856
- 7C795F
- 7D7B67
- 7E7D70
- 7F7E78
Harmonie kolorów
Komplementarna +180°
- 766E20
Crocodile Style
- 6564A2
≈ Blue Iris
Analogowa -30° +30°
- 766E20
Crocodile Style
- 8D6221
≈ Kumera
- 55783B
≈ Luck of the Irish
Triada +120° +240°
- 766E20
Crocodile Style
- 087795
≈ Celestial
- 93547A
≈ Sea Fan Fuchsia
Komplementarna rozszczepiona +150° +210°
- 766E20
Crocodile Style
- 416EA3
≈ Mega Blue
- 805A94
≈ Purple Tanzanite
Tetrada +90° +180° +270°
- 766E20
Crocodile Style
- 007C7B
≈ Parasailing
- 6564A2
≈ Blue Iris
- 9C535B
≈ Cuban Rhythm
Kontrast i dostępność
Ag
AANa bieli
WCAG 5.22:1 · APCA Lc 76
Ag
FailNa czerni
WCAG 4.02:1 · APCA Lc 26
Najlepszy kolor tekstu: #FFFFFF
WCAG 5.22:1 (AA) · APCA Lc 76
Contrast pairs
Fragmenty kodu
CSS
:root {
--crocodile-style: #766e20;
--crocodile-style-rgb: 118 110 32;
--crocodile-style-oklch: oklch(0.53 0.097 103.4);
}
.element {
color: var(--crocodile-style);
background-color: hsl(54 57% 29%);
border-color: oklch(0.53 0.097 103.4);
}Tailwind CSS v4
@theme {
--color-crocodile-style: #766e20;
--color-crocodile-style-50: #f9f7d8;
--color-crocodile-style-100: #eceac5;
--color-crocodile-style-200: #dad7a7;
--color-crocodile-style-300: #bebb80;
--color-crocodile-style-400: #a8a15b;
--color-crocodile-style-500: #928933;
--color-crocodile-style-600: #7b742d;
--color-crocodile-style-700: #635d23;
--color-crocodile-style-800: #494317;
--color-crocodile-style-900: #332e0f;
--color-crocodile-style-950: #1f1b03;
}SCSS
$crocodile-style: #766e20;
$crocodile-style-rgb: 118, 110, 32;
$crocodile-style-light: mix(#fff, $crocodile-style, 20%);
$crocodile-style-dark: mix(#000, $crocodile-style, 20%);
.element {
color: $crocodile-style;
box-shadow: 0 0 0 2px rgba($crocodile-style, 0.35);
}