Warna bernama terdekat · #7B793B
#7B793B
Warna bernama terdekat: Crocodile Style
#7B793B (rgb(123 121 59), hsl(58 35% 36%), oklch(0.564 0.084 107.1)) paling mendekati warna bernama Crocodile Style. Lihat tint, shade, harmoni, kontras WCAG & APCA, serta kode CSS, Tailwind v4, dan SCSS.
#7B793B
oklch(0.564 0.084 107.1)
Konversi warna
- HEX
- #7b793b
- RGB
- rgb(123 121 59)
- HSL
- hsl(58 35% 36%)
- HWB
- hwb(58 23% 52%)
- OKLCH
- oklch(0.564 0.084 107.1)
- OKLab
- oklab(0.564 -0.025 0.08)
- CIE Lab
- lab(49.95 -5.98 33.84)
- LCH
- lch(49.95 34.37 100)
- CMYK
- cmyk(0% 2% 52% 52%)
Tint · Shade · Tone
Tint
- 87864F
- 949362
- A0A075
- ADAD88
- BABA9C
- C8C8AF
- D5D5C3
- E3E3D7
- F1F1EB
Shade
- 6A6832
- 5A5829
- 4A4821
- 3A3919
- 2C2B11
- 1E1D09
- 101004
- 050501
- 010100
Tone
- 7B7A43
- 7C7B4B
- 7C7B52
- 7D7C59
- 7D7D60
- 7E7E67
- 7E7E6D
- 7F7F74
- 7F7F7A
Harmoni warna
Komplementer +180°
- 7B793B
Crocodile Style
- 726EA5
≈ Toy Mauve
Analog -30° +30°
- 7B793B
Crocodile Style
- 916F39
≈ Chilli Green
- 5E814F
≈ Glade Green
Triadik +120° +240°
- 7B793B
Crocodile Style
- 377F9C
≈ Greenland Blue
- 9A617F
≈ Batik Pink
Split-komplementer +150° +210°
- 7B793B
Crocodile Style
- 5577A7
≈ Vinca
- 8A6696
≈ Viola Grey
Tetradik +90° +180° +270°
- 7B793B
Crocodile Style
- 288587
≈ Thai Teal
- 726EA5
≈ Toy Mauve
- A16164
≈ Pizza Pie
Kontras & aksesibilitas
Ag
AADi atas putih
WCAG 4.52:1 · APCA Lc 71
Ag
AADi atas hitam
WCAG 4.64:1 · APCA Lc 30
Warna teks terbaik: #000000
WCAG 4.64:1 (AA) · APCA Lc 30
Contrast pairs
Cuplikan kode
CSS
:root {
--crocodile-style: #7b793b;
--crocodile-style-rgb: 123 121 59;
--crocodile-style-oklch: oklch(0.564 0.084 107.1);
}
.element {
color: var(--crocodile-style);
background-color: hsl(58 35% 36%);
border-color: oklch(0.564 0.084 107.1);
}Tailwind CSS v4
@theme {
--color-crocodile-style: #7b793b;
--color-crocodile-style-50: #f6f8dc;
--color-crocodile-style-100: #e9ebcb;
--color-crocodile-style-200: #d6d8af;
--color-crocodile-style-300: #babb8a;
--color-crocodile-style-400: #a4a267;
--color-crocodile-style-500: #8c8a44;
--color-crocodile-style-600: #77753b;
--color-crocodile-style-700: #5f5d2f;
--color-crocodile-style-800: #474420;
--color-crocodile-style-900: #312f15;
--color-crocodile-style-950: #1d1b06;
}SCSS
$crocodile-style: #7b793b;
$crocodile-style-rgb: 123, 121, 59;
$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);
}