最も近い色名 · #5DA7A6
#5DA7A6
最も近い色名: Twilight Meadow
#5DA7A6（rgb(93 167 166)、hsl(179 30% 51%)、oklch(0.68 0.074 194.4)）に最も近い色名はTwilight Meadowです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#5DA7A6
oklch(0.68 0.074 194.4)
カラー変換
- HEX
- #5da7a6
- RGB
- rgb(93 167 166)
- HSL
- hsl(179 30% 51%)
- HWB
- hwb(179 36% 35%)
- OKLCH
- oklch(0.68 0.074 194.4)
- OKLab
- oklab(0.68 -0.072 -0.018)
- CIE Lab
- lab(63.71 -24.29 -7.09)
- LCH
- lch(63.71 25.3 196.3)
- CMYK
- cmyk(44% 0% 1% 35%)
ティント · シェード · トーン
ティント
- 6FB0AF
- 7FB8B7
- 90C1C0
- A0CAC9
- B0D3D2
- C0DBDB
- CFE4E4
- DFEDED
- EFF6F6
シェード
- 509190
- 437B7A
- 376665
- 2A5251
- 1F3E3E
- 142C2B
- 0A1A1A
- 030A0A
- 000101
トーン
- 62A3A2
- 679F9E
- 6B9B9A
- 6F9897
- 729493
- 76908F
- 798C8B
- 7B8887
- 7E8484
カラーハーモニー
補色 +180°
- 5DA7A6
Twilight Meadow
- C2868A
≈ All’s Ace
類似色 -30° +30°
- 5DA7A6
Twilight Meadow
- 6CA78D
≈ Artemesia Green
- 63A3BB
≈ Pacific Palisade
トライアド +120° +240°
- 5DA7A6
Twilight Meadow
- A98BB9
≈ East Side
- B49264
≈ Maple View
スプリットコンプリメンタリー +150° +210°
- 5DA7A6
Twilight Meadow
- BA86A3
≈ Sunset Horizon
- C08A73
≈ Terrazzo Tan
テトラード +90° +180° +270°
- 5DA7A6
Twilight Meadow
- 9392C5
≈ Litmus
- C2868A
≈ All’s Ace
- 9F9B65
≈ Zandri Dust
コントラストとアクセシビリティ
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 {
--twilight-meadow: #5da7a6;
--twilight-meadow-rgb: 93 167 166;
--twilight-meadow-oklch: oklch(0.68 0.074 194.4);
}
.element {
color: var(--twilight-meadow);
background-color: hsl(179 30% 51%);
border-color: oklch(0.68 0.074 194.4);
}Tailwind CSS v4
@theme {
--color-twilight-meadow: #5da7a6;
--color-twilight-meadow-50: #defcfc;
--color-twilight-meadow-100: #ccf0f0;
--color-twilight-meadow-200: #b0dfdf;
--color-twilight-meadow-300: #8ac4c4;
--color-twilight-meadow-400: #67acab;
--color-twilight-meadow-500: #419695;
--color-twilight-meadow-600: #387f7e;
--color-twilight-meadow-700: #2d6565;
--color-twilight-meadow-800: #1f4b49;
--color-twilight-meadow-900: #143433;
--color-twilight-meadow-950: #061f1e;
}SCSS
$twilight-meadow: #5da7a6;
$twilight-meadow-rgb: 93, 167, 166;
$twilight-meadow-light: mix(#fff, $twilight-meadow, 20%);
$twilight-meadow-dark: mix(#000, $twilight-meadow, 20%);
.element {
color: $twilight-meadow;
box-shadow: 0 0 0 2px rgba($twilight-meadow, 0.35);
}