最も近い色名 · #90D9CD
#90D9CD
最も近い色名: Bambino
#90D9CD（rgb(144 217 205)、hsl(170 49% 71%)、oklch(0.834 0.075 183)）に最も近い色名はBambinoです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#90D9CD
oklch(0.834 0.075 183)
カラー変換
- HEX
- #90d9cd
- RGB
- rgb(144 217 205)
- HSL
- hsl(170 49% 71%)
- HWB
- hwb(170 56% 15%)
- OKLCH
- oklch(0.834 0.075 183)
- OKLab
- oklab(0.834 -0.075 -0.004)
- CIE Lab
- lab(81.65 -25.68 -1.7)
- LCH
- lch(81.65 25.73 183.8)
- CMYK
- cmyk(34% 0% 6% 15%)
ティント · シェード · トーン
ティント
- 9CDDD2
- A8E1D7
- B3E5DC
- BEE8E1
- C9ECE6
- D4F0EB
- DFF4F0
- EAF8F5
- F4FBFA
シェード
- 7DBCB2
- 6AA198
- 57867E
- 456C66
- 34534E
- 243B38
- 152523
- 07110F
- 010202
トーン
- 8FD0C5
- 8EC7BD
- 8DBEB5
- 8CB5AD
- 8AACA6
- 89A39E
- 879A96
- 85918F
- 828987
カラーハーモニー
補色 +180°
- 90D9CD
Bambino
- F3B5C4
≈ Ibis
類似色 -30° +30°
- 90D9CD
Bambino
- A4D7B2
≈ Frugal
- 8ED6E6
≈ Tanager Turquoise
トライアド +120° +240°
- 90D9CD
Bambino
- D2BDF1
≈ Connecticut Lilac
- ECBF96
≈ Golden Oat Coloured
スプリットコンプリメンタリー +150° +210°
- 90D9CD
Bambino
- E7B7DE
≈ Pink Drink
- F5B7AA
≈ Pink Mimosa
テトラード +90° +180° +270°
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.61:1 · APCA Lc 28
Ag
AAA黒の上
WCAG 12.99:1 · APCA Lc 75
最適な文字色: #000000
WCAG 12.99:1 (AAA) · APCA Lc 75
Contrast pairs
コードスニペット
CSS
:root {
--bambino: #90d9cd;
--bambino-rgb: 144 217 205;
--bambino-oklch: oklch(0.834 0.075 183);
}
.element {
color: var(--bambino);
background-color: hsl(170 49% 71%);
border-color: oklch(0.834 0.075 183);
}Tailwind CSS v4
@theme {
--color-bambino: #90d9cd;
--color-bambino-50: #dffdf8;
--color-bambino-100: #cdf1eb;
--color-bambino-200: #b1dfd8;
--color-bambino-300: #8cc4bc;
--color-bambino-400: #69ada2;
--color-bambino-500: #44968b;
--color-bambino-600: #3b7f75;
--color-bambino-700: #2f665e;
--color-bambino-800: #214b44;
--color-bambino-900: #16342f;
--color-bambino-950: #071f1b;
}SCSS
$bambino: #90d9cd;
$bambino-rgb: 144, 217, 205;
$bambino-light: mix(#fff, $bambino, 20%);
$bambino-dark: mix(#000, $bambino, 20%);
.element {
color: $bambino;
box-shadow: 0 0 0 2px rgba($bambino, 0.35);
}