最も近い色名 · #737D00
#737D00
最も近い色名: Olive
#737D00（rgb(115 125 0)、hsl(65 100% 25%)、oklch(0.562 0.128 115.2)）に最も近い色名はOliveです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#737D00
oklch(0.562 0.128 115.2)
カラー変換
- HEX
- #737d00
- RGB
- rgb(115 125 0)
- HSL
- hsl(65 100% 25%)
- HWB
- hwb(65 0% 51%)
- OKLCH
- oklch(0.562 0.128 115.2)
- OKLab
- oklab(0.562 -0.054 0.115)
- CIE Lab
- lab(50.12 -13.86 53.98)
- LCH
- lch(50.12 55.73 104.4)
- CMYK
- cmyk(8% 0% 100% 51%)
ティント · シェード · トーン
ティント
- 808A2F
- 8D9649
- 9AA361
- A8B078
- B6BD8E
- C4CAA5
- D2D7BB
- E1E4D1
- F0F2E8
シェード
- 636C00
- 545B00
- 454B00
- 363B00
- 282C00
- 1B1E00
- 0F1100
- 050500
- 010100
トーン
- 747E20
- 757E31
- 767F3E
- 787F49
- 797F53
- 7A805D
- 7C8066
- 7D806F
- 7E8078
カラーハーモニー
補色 +180°
- 737D00
Olive
- 7B63B7
≈ Ultra Violet
類似色 -30° +30°
トライアド +120° +240°
- 737D00
Olive
- 007FB1
≈ Capstan
- AD5178
≈ Diva Glam
スプリットコンプリメンタリー +150° +210°
テトラード +90° +180° +270°
コントラストとアクセシビリティ
Ag
AA白の上
WCAG 4.50:1 · APCA Lc 71
Ag
AA黒の上
WCAG 4.66:1 · APCA Lc 31
最適な文字色: #000000
WCAG 4.66:1 (AA) · APCA Lc 31
Contrast pairs
コードスニペット
CSS
:root {
--olive: #737d00;
--olive-rgb: 115 125 0;
--olive-oklch: oklch(0.562 0.128 115.2);
}
.element {
color: var(--olive);
background-color: hsl(65 100% 25%);
border-color: oklch(0.562 0.128 115.2);
}Tailwind CSS v4
@theme {
--color-olive: #737d00;
--color-olive-50: #f2fbd2;
--color-olive-100: #e4eebe;
--color-olive-200: #d0dc9e;
--color-olive-300: #b2c073;
--color-olive-400: #9ca747;
--color-olive-500: #848f02;
--color-olive-600: #70790c;
--color-olive-700: #59610b;
--color-olive-800: #434703;
--color-olive-900: #2e3103;
--color-olive-950: #1b1d00;
}SCSS
$olive: #737d00;
$olive-rgb: 115, 125, 0;
$olive-light: mix(#fff, $olive, 20%);
$olive-dark: mix(#000, $olive, 20%);
.element {
color: $olive;
box-shadow: 0 0 0 2px rgba($olive, 0.35);
}