最も近い色名 · #6FAE83
#6FAE83
最も近い色名: Lily Pads
#6FAE83（rgb(111 174 131)、hsl(139 28% 56%)、oklch(0.696 0.091 153.6)）に最も近い色名はLily Padsです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#6FAE83
oklch(0.696 0.091 153.6)
カラー変換
- HEX
- #6fae83
- RGB
- rgb(111 174 131)
- HSL
- hsl(139 28% 56%)
- HWB
- hwb(139 44% 32%)
- OKLCH
- oklch(0.696 0.091 153.6)
- OKLab
- oklab(0.696 -0.081 0.04)
- CIE Lab
- lab(65.95 -28.22 15.48)
- LCH
- lch(65.95 32.19 151.3)
- CMYK
- cmyk(36% 0% 25% 32%)
ティント · シェード · トーン
ティント
- 7EB68F
- 8CBE9B
- 9BC6A7
- A9CEB3
- B7D6C0
- C6DECC
- D4E7D9
- E2EFE5
- F1F7F2
シェード
- 609771
- 518060
- 426A4F
- 34553F
- 27412F
- 1A2E20
- 0E1C12
- 040B06
- 010101
トーン
- 72A983
- 74A583
- 76A082
- 789C82
- 7A9782
- 7B9282
- 7D8E81
- 7E8981
- 7F8580
カラーハーモニー
補色 +180°
- 6FAE83
Lily Pads
- C088B5
≈ Dragonflies
類似色 -30° +30°
- 6FAE83
Lily Pads
- 92A767
≈ Green Tea Mochi
- 52B0A3
≈ Sacred Turquoise
トライアド +120° +240°
- 6FAE83
Lily Pads
- 8B99D6
≈ Portage
- CF8878
≈ Muted Clay
スプリットコンプリメンタリー +150° +210°
- 6FAE83
Lily Pads
- A98FCC
≈ Fleur-De-Lis
- CD8597
≈ Puce
テトラード +90° +180° +270°
- 6FAE83
Lily Pads
- 6AA4D2
≈ Ocean Tropic
- C088B5
≈ Dragonflies
- C59160
≈ Mid Tan
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 2.60:1 · APCA Lc 51
Ag
AAA黒の上
WCAG 8.05:1 · APCA Lc 51
最適な文字色: #000000
WCAG 8.05:1 (AAA) · APCA Lc 51
Contrast pairs
コードスニペット
CSS
:root {
--lily-pads: #6fae83;
--lily-pads-rgb: 111 174 131;
--lily-pads-oklch: oklch(0.696 0.091 153.6);
}
.element {
color: var(--lily-pads);
background-color: hsl(139 28% 56%);
border-color: oklch(0.696 0.091 153.6);
}Tailwind CSS v4
@theme {
--color-lily-pads: #6fae83;
--color-lily-pads-50: #e1fdea;
--color-lily-pads-100: #d1f2db;
--color-lily-pads-200: #b6e0c4;
--color-lily-pads-300: #92c6a4;
--color-lily-pads-400: #73ae86;
--color-lily-pads-500: #52986a;
--color-lily-pads-600: #46805a;
--color-lily-pads-700: #386748;
--color-lily-pads-800: #294b32;
--color-lily-pads-900: #1b3422;
--color-lily-pads-950: #0b2011;
}SCSS
$lily-pads: #6fae83;
$lily-pads-rgb: 111, 174, 131;
$lily-pads-light: mix(#fff, $lily-pads, 20%);
$lily-pads-dark: mix(#000, $lily-pads, 20%);
.element {
color: $lily-pads;
box-shadow: 0 0 0 2px rgba($lily-pads, 0.35);
}