最も近い色名 · #7EC2C3
#7EC2C3
最も近い色名: Riverbed
#7EC2C3（rgb(126 194 195)、hsl(181 37% 63%)、oklch(0.769 0.069 197)）に最も近い色名はRiverbedです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#7EC2C3
oklch(0.769 0.069 197)
カラー変換
- HEX
- #7ec2c3
- RGB
- rgb(126 194 195)
- HSL
- hsl(181 37% 63%)
- HWB
- hwb(181 49% 24%)
- OKLCH
- oklch(0.769 0.069 197)
- OKLab
- oklab(0.769 -0.066 -0.02)
- CIE Lab
- lab(73.95 -22.16 -7.71)
- LCH
- lch(73.95 23.46 199.2)
- CMYK
- cmyk(35% 1% 0% 24%)
ティント · シェード · トーン
ティント
- 8CC8C9
- 99CECF
- A6D4D5
- B3DADB
- C0E0E1
- CDE7E7
- D9EDED
- E6F3F3
- F2F9F9
シェード
- 6DA8A9
- 5C8F90
- 4C7778
- 3C6060
- 2D494A
- 1F3434
- 112020
- 050E0E
- 010202
トーン
- 7FBBBC
- 80B5B5
- 81AEAE
- 81A7A8
- 82A1A1
- 829A9A
- 829494
- 818D8D
- 818686
カラーハーモニー
補色 +180°
- 7EC2C3
Riverbed
- DCA3A4
≈ Pastel Pink
類似色 -30° +30°
- 7EC2C3
Riverbed
- 89C3AB
≈ Spearmint Frosting
- 85BDD6
≈ High Elf Blue
トライアド +120° +240°
- 7EC2C3
Riverbed
- C6A7D1
≈ Feminine Fancy
- CDAF83
≈ Saxophone Gold
スプリットコンプリメンタリー +150° +210°
- 7EC2C3
Riverbed
- D6A3BC
≈ Enhance
- DAA78F
≈ North Rim
テトラード +90° +180° +270°
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 2.02:1 · APCA Lc 39
Ag
AAA黒の上
WCAG 10.39:1 · APCA Lc 63
最適な文字色: #000000
WCAG 10.39:1 (AAA) · APCA Lc 63
Contrast pairs
コードスニペット
CSS
:root {
--riverbed: #7ec2c3;
--riverbed-rgb: 126 194 195;
--riverbed-oklch: oklch(0.769 0.069 197);
}
.element {
color: var(--riverbed);
background-color: hsl(181 37% 63%);
border-color: oklch(0.769 0.069 197);
}Tailwind CSS v4
@theme {
--color-riverbed: #7ec2c3;
--color-riverbed-50: #e0fcfd;
--color-riverbed-100: #ceeff0;
--color-riverbed-200: #b3dedf;
--color-riverbed-300: #8ec3c5;
--color-riverbed-400: #6cabac;
--color-riverbed-500: #489496;
--color-riverbed-600: #3e7d7f;
--color-riverbed-700: #316465;
--color-riverbed-800: #224a4a;
--color-riverbed-900: #173333;
--color-riverbed-950: #071f1f;
}SCSS
$riverbed: #7ec2c3;
$riverbed-rgb: 126, 194, 195;
$riverbed-light: mix(#fff, $riverbed, 20%);
$riverbed-dark: mix(#000, $riverbed, 20%);
.element {
color: $riverbed;
box-shadow: 0 0 0 2px rgba($riverbed, 0.35);
}