Màu có tên gần nhất · #923E40
#923E40
Màu có tên gần nhất: Shin Godzilla
#923E40 (rgb(146 62 64), hsl(359 40% 41%), oklch(0.477 0.114 21)) gần nhất với màu có tên Shin Godzilla. Xem sắc nhạt, sắc đậm, hòa sắc, tương phản WCAG và APCA, cùng mã CSS, Tailwind v4 và SCSS.
#923E40
oklch(0.477 0.114 21)
Chuyển đổi màu
- HEX
- #923e40
- RGB
- rgb(146 62 64)
- HSL
- hsl(359 40% 41%)
- HWB
- hwb(359 24% 43%)
- OKLCH
- oklch(0.477 0.114 21)
- OKLab
- oklab(0.477 0.106 0.041)
- CIE Lab
- lab(38.13 36.33 17.31)
- LCH
- lch(38.13 40.25 25.5)
- CMYK
- cmyk(0% 58% 56% 43%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 9E5151
- AA6463
- B67775
- C18A88
- CC9D9B
- D7B0AE
- E1C3C2
- EBD7D6
- F5EBEA
Sắc đậm
- 7E3536
- 6B2B2D
- 582324
- 461A1B
- 351213
- 250A0B
- 160405
- 080101
- 010000
Sắc xám
- 914646
- 904D4D
- 8F5453
- 8E5B59
- 8D6160
- 8B6766
- 896E6D
- 867473
- 837A7A
Hòa sắc
Bổ túc +180°
- 923E40
Shin Godzilla
- 006A6F
≈ Deep Lake
Tương đồng -30° +30°
- 923E40
Shin Godzilla
- 8B3E65
≈ Bonbon Red
- 8E4613
≈ Korichnewyi Brown
Bộ ba +120° +240°
- 923E40
Shin Godzilla
- 346C2B
≈ Radical Green
- 365B9C
≈ Neptune Blue
Bổ túc chia +150° +210°
- 923E40
Shin Godzilla
- 006D56
≈ Teal Dark Green
- 006589
≈ Bowerbird Blue
Bộ bốn +90° +180° +270°
- 923E40
Shin Godzilla
- 606100
≈ Kirchner Green
- 006A6F
≈ Deep Lake
- 5E4F97
≈ Coronation Blue
Tương phản và khả năng tiếp cận
Ag
AAATrên nền trắng
WCAG 7.03:1 · APCA Lc 84
Ag
FailTrên nền đen
WCAG 2.98:1 · APCA Lc 18
Màu chữ tốt nhất: #FFFFFF
WCAG 7.03:1 (AAA) · APCA Lc 84
Contrast pairs
Đoạn mã
CSS
:root {
--shin-godzilla: #923e40;
--shin-godzilla-rgb: 146 62 64;
--shin-godzilla-oklch: oklch(0.477 0.114 21);
}
.element {
color: var(--shin-godzilla);
background-color: hsl(359 40% 41%);
border-color: oklch(0.477 0.114 21);
}Tailwind CSS v4
@theme {
--color-shin-godzilla: #923e40;
--color-shin-godzilla-50: #ffe9e6;
--color-shin-godzilla-100: #ffdad6;
--color-shin-godzilla-200: #ffc2be;
--color-shin-godzilla-300: #eca09c;
--color-shin-godzilla-400: #da8281;
--color-shin-godzilla-500: #c66465;
--color-shin-godzilla-600: #a85556;
--color-shin-godzilla-700: #874444;
--color-shin-godzilla-800: #643132;
--color-shin-godzilla-900: #462122;
--color-shin-godzilla-950: #2d1011;
}SCSS
$shin-godzilla: #923e40;
$shin-godzilla-rgb: 146, 62, 64;
$shin-godzilla-light: mix(#fff, $shin-godzilla, 20%);
$shin-godzilla-dark: mix(#000, $shin-godzilla, 20%);
.element {
color: $shin-godzilla;
box-shadow: 0 0 0 2px rgba($shin-godzilla, 0.35);
}