最接近的命名颜色 · #2F4B00
#2F4B00
最接近的命名颜色: Godzilla
#2F4B00（rgb(47 75 0)、hsl(82 100% 15%)、oklch(0.376 0.101 129.8)）最接近命名颜色 Godzilla。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#2F4B00
oklch(0.376 0.101 129.8)
颜色转换
- HEX
- #2f4b00
- RGB
- rgb(47 75 0)
- HSL
- hsl(82 100% 15%)
- HWB
- hwb(82 0% 71%)
- OKLCH
- oklch(0.376 0.101 129.8)
- OKLab
- oklab(0.376 -0.065 0.077)
- CIE Lab
- lab(28.58 -19.81 35.64)
- LCH
- lch(28.58 40.77 119.1)
- CMYK
- cmyk(37% 0% 100% 71%)
浅色调 · 深色调 · 灰色调
浅色调
- 415C21
- 546D3A
- 687E51
- 7C8F69
- 91A181
- A6B499
- BBC6B2
- D2D9CB
- E8ECE5
深色调
- 274000
- 203500
- 192B00
- 122100
- 0C1700
- 060E00
- 030600
- 010200
- 000000
灰色调
- 375015
- 3F5623
- 465B30
- 4E603C
- 566647
- 5F6B53
- 67705E
- 6F7669
- 787B75
配色和谐
互补色 +180°
- 2F4B00
Godzilla
- 512F69
≈ Petunia
类似色 -30° +30°
- 2F4B00
Godzilla
- 4B4200
≈ Roman Bronze
- 004F31
≈ Troll Green
三角配色 +120° +240°
- 2F4B00
Godzilla
- 074374
≈ Mermaid Blues
- 6C2535
≈ Squid Hat
分裂互补色 +150° +210°
- 2F4B00
Godzilla
- 383975
≈ Good Karma
- 632852
≈ Velvet Mauve
四角配色 +90° +180° +270°
- 2F4B00
Godzilla
- 00495A
≈ Midnight Green
- 512F69
≈ Petunia
- 6C2A11
≈ Moussaka
对比度与无障碍
Ag
AAA白底
WCAG 9.87:1 · APCA Lc 93
Ag
Fail黑底
WCAG 2.12:1 · APCA Lc 10
最佳文字颜色: #FFFFFF
WCAG 9.87:1 (AAA) · APCA Lc 93
Contrast pairs
代码片段
CSS
:root {
--godzilla: #2f4b00;
--godzilla-rgb: 47 75 0;
--godzilla-oklch: oklch(0.376 0.101 129.8);
}
.element {
color: var(--godzilla);
background-color: hsl(82 100% 15%);
border-color: oklch(0.376 0.101 129.8);
}Tailwind CSS v4
@theme {
--color-godzilla: #2f4b00;
--color-godzilla-50: #ebfcde;
--color-godzilla-100: #dcf0cd;
--color-godzilla-200: #c5deb1;
--color-godzilla-300: #a5c38d;
--color-godzilla-400: #8bab6a;
--color-godzilla-500: #709348;
--color-godzilla-600: #5f7d3e;
--color-godzilla-700: #4c6431;
--color-godzilla-800: #384921;
--color-godzilla-900: #263316;
--color-godzilla-950: #151e07;
}SCSS
$godzilla: #2f4b00;
$godzilla-rgb: 47, 75, 0;
$godzilla-light: mix(#fff, $godzilla, 20%);
$godzilla-dark: mix(#000, $godzilla, 20%);
.element {
color: $godzilla;
box-shadow: 0 0 0 2px rgba($godzilla, 0.35);
}