最も近い色名 · #23AE88
#23AE88
最も近い色名: Herbal
#23AE88（rgb(35 174 136)、hsl(164 67% 41%)、oklch(0.671 0.127 169)）に最も近い色名はHerbalです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#23AE88
oklch(0.671 0.127 169)
カラー変換
- HEX
- #23ae88
- RGB
- rgb(35 174 136)
- HSL
- hsl(164 67% 41%)
- HWB
- hwb(164 14% 32%)
- OKLCH
- oklch(0.671 0.127 169)
- OKLab
- oklab(0.671 -0.124 0.024)
- CIE Lab
- lab(63.52 -44.05 8.93)
- LCH
- lch(63.52 44.94 168.5)
- CMYK
- cmyk(80% 0% 22% 32%)
ティント · シェード · トーン
ティント
- 48B693
- 62BF9F
- 78C7AA
- 8DCFB6
- A1D7C2
- B4DFCE
- C7E7DA
- DAEFE6
- ECF7F3
シェード
- 1D9775
- 178063
- 116A52
- 0C5541
- 074131
- 042E22
- 011C13
- 000B06
- 000101
トーン
- 38AA87
- 47A586
- 52A186
- 5B9C85
- 639884
- 6A9383
- 718E83
- 768A82
- 7B8581
カラーハーモニー
補色 +180°
- 23AE88
Herbal
- CE73A2
≈ Heartbreaker
類似色 -30° +30°
- 23AE88
Herbal
- 6BA85A
≈ Techno Green
- 00AAB0
≈ Fiji
トライアド +120° +240°
- 23AE88
Herbal
- 9487DE
≈ Perrywinkle
- D37C4A
≈ Pumpkin Bread
スプリットコンプリメンタリー +150° +210°
- 23AE88
Herbal
- B77BC7
≈ Wisteria
- D87376
≈ Lantana
テトラード +90° +180° +270°
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 2.80:1 · APCA Lc 54
Ag
AAA黒の上
WCAG 7.48:1 · APCA Lc 48
最適な文字色: #000000
WCAG 7.48:1 (AAA) · APCA Lc 48
Contrast pairs
コードスニペット
CSS
:root {
--herbal: #23ae88;
--herbal-rgb: 35 174 136;
--herbal-oklch: oklch(0.671 0.127 169);
}
.element {
color: var(--herbal);
background-color: hsl(164 67% 41%);
border-color: oklch(0.671 0.127 169);
}Tailwind CSS v4
@theme {
--color-herbal: #23ae88;
--color-herbal-50: #d2fff0;
--color-herbal-100: #bef6e2;
--color-herbal-200: #9ce6cd;
--color-herbal-300: #6ecdaf;
--color-herbal-400: #3db691;
--color-herbal-500: #00a077;
--color-herbal-600: #008765;
--color-herbal-700: #006c51;
--color-herbal-800: #005039;
--color-herbal-900: #003827;
--color-herbal-950: #002215;
}SCSS
$herbal: #23ae88;
$herbal-rgb: 35, 174, 136;
$herbal-light: mix(#fff, $herbal, 20%);
$herbal-dark: mix(#000, $herbal, 20%);
.element {
color: $herbal;
box-shadow: 0 0 0 2px rgba($herbal, 0.35);
}