最も近い色名 · #6CA96F
#6CA96F
最も近い色名: Endo
#6CA96F（rgb(108 169 111)、hsl(123 26% 54%)、oklch(0.678 0.105 145.4)）に最も近い色名はEndoです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#6CA96F
oklch(0.678 0.105 145.4)
カラー変換
- HEX
- #6ca96f
- RGB
- rgb(108 169 111)
- HSL
- hsl(123 26% 54%)
- HWB
- hwb(123 42% 34%)
- OKLCH
- oklch(0.678 0.105 145.4)
- OKLab
- oklab(0.678 -0.087 0.06)
- CIE Lab
- lab(63.95 -29.7 23.52)
- LCH
- lch(63.95 37.88 141.6)
- CMYK
- cmyk(36% 0% 34% 34%)
ティント · シェード · トーン
ティント
- 7BB27D
- 8ABA8B
- 98C399
- A7CBA7
- B5D4B6
- C4DCC4
- D3E5D3
- E1EEE1
- F0F6F0
シェード
- 5D9260
- 4E7C51
- 406742
- 325334
- 253F27
- 192C1A
- 0D1B0E
- 040A04
- 000101
トーン
- 6FA571
- 71A173
- 749D75
- 769977
- 789579
- 7A917A
- 7C8D7C
- 7D887D
- 7F847F
カラーハーモニー
補色 +180°
- 6CA96F
Endo
- B980BB
≈ Lavender Sweater
類似色 -30° +30°
- 6CA96F
Endo
- 959F4F
≈ Lazy Lizard
- 40AD94
≈ Hole in One
トライアド +120° +240°
スプリットコンプリメンタリー +150° +210°
- 6CA96F
Endo
- 9D8AD2
≈ Middy’s Purple
- CB7B9A
≈ Wild Rose
テトラード +90° +180° +270°
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 2.78:1 · APCA Lc 54
Ag
AAA黒の上
WCAG 7.54:1 · APCA Lc 48
最適な文字色: #000000
WCAG 7.54:1 (AAA) · APCA Lc 48
Contrast pairs
コードスニペット
CSS
:root {
--endo: #6ca96f;
--endo-rgb: 108 169 111;
--endo-oklch: oklch(0.678 0.105 145.4);
}
.element {
color: var(--endo);
background-color: hsl(123 26% 54%);
border-color: oklch(0.678 0.105 145.4);
}Tailwind CSS v4
@theme {
--color-endo: #6ca96f;
--color-endo-50: #e2fee4;
--color-endo-100: #d1f2d4;
--color-endo-200: #b7e1bb;
--color-endo-300: #93c799;
--color-endo-400: #75af78;
--color-endo-500: #559859;
--color-endo-600: #49814c;
--color-endo-700: #3a673d;
--color-endo-800: #2b4c2a;
--color-endo-900: #1d351c;
--color-endo-950: #0d200c;
}SCSS
$endo: #6ca96f;
$endo-rgb: 108, 169, 111;
$endo-light: mix(#fff, $endo, 20%);
$endo-dark: mix(#000, $endo, 20%);
.element {
color: $endo;
box-shadow: 0 0 0 2px rgba($endo, 0.35);
}