最も近い色名 · #799451
#799451
最も近い色名: Bavarian Green
#799451（rgb(121 148 81)、hsl(84 29% 45%)、oklch(0.63 0.098 127)）に最も近い色名はBavarian Greenです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#799451
oklch(0.63 0.098 127)
カラー変換
- HEX
- #799451
- RGB
- rgb(121 148 81)
- HSL
- hsl(84 29% 45%)
- HWB
- hwb(84 32% 42%)
- OKLCH
- oklch(0.63 0.098 127)
- OKLab
- oklab(0.63 -0.059 0.078)
- CIE Lab
- lab(58.02 -18.61 32)
- LCH
- lch(58.02 37.02 120.2)
- CMYK
- cmyk(18% 0% 45% 42%)
ティント · シェード · トーン
ティント
- 869E62
- 92A974
- 9FB485
- ACBE96
- BAC9A7
- C7D4B8
- D5DECA
- E3E9DB
- F1F4ED
シェード
- 688045
- 586D3A
- 485A2F
- 394824
- 2B361A
- 1D2610
- 101607
- 050802
- 010100
トーン
- 7A9257
- 7A905C
- 7B8E61
- 7C8C66
- 7D8A6B
- 7D886F
- 7E8674
- 7F8478
- 7F827C
カラーハーモニー
補色 +180°
- 799451
Bavarian Green
- 9979B7
≈ Lavender Purple
類似色 -30° +30°
- 799451
Bavarian Green
- 9A893E
≈ Sedge Grasses
- 529B71
≈ Sea Cabbage
トライアド +120° +240°
- 799451
Bavarian Green
- 558EC1
≈ Cliff Blue
- BB6F7F
≈ Smell the Roses
スプリットコンプリメンタリー +150° +210°
- 799451
Bavarian Green
- 7A83C4
≈ Twilight Twinkle
- AF729F
≈ Orchid Kiss
テトラード +90° +180° +270°
- 799451
Bavarian Green
- 3097AF
≈ Pelorus
- 9979B7
≈ Lavender Purple
- BC735E
≈ Sienna Sky
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 3.40:1 · APCA Lc 61
Ag
AA黒の上
WCAG 6.16:1 · APCA Lc 40
最適な文字色: #000000
WCAG 6.16:1 (AA) · APCA Lc 40
Contrast pairs
コードスニペット
CSS
:root {
--bavarian-green: #799451;
--bavarian-green-rgb: 121 148 81;
--bavarian-green-oklch: oklch(0.63 0.098 127);
}
.element {
color: var(--bavarian-green);
background-color: hsl(84 29% 45%);
border-color: oklch(0.63 0.098 127);
}Tailwind CSS v4
@theme {
--color-bavarian-green: #799451;
--color-bavarian-green-50: #ecfbde;
--color-bavarian-green-100: #deefcd;
--color-bavarian-green-200: #c7ddb1;
--color-bavarian-green-300: #a8c28c;
--color-bavarian-green-400: #8fa969;
--color-bavarian-green-500: #759247;
--color-bavarian-green-600: #637c3d;
--color-bavarian-green-700: #4f6330;
--color-bavarian-green-800: #3b4821;
--color-bavarian-green-900: #283215;
--color-bavarian-green-950: #161e07;
}SCSS
$bavarian-green: #799451;
$bavarian-green-rgb: 121, 148, 81;
$bavarian-green-light: mix(#fff, $bavarian-green, 20%);
$bavarian-green-dark: mix(#000, $bavarian-green, 20%);
.element {
color: $bavarian-green;
box-shadow: 0 0 0 2px rgba($bavarian-green, 0.35);
}