色名 · #AEDDD3
Jaded Clouds
Jaded Cloudsは#AEDDD3：rgb(174 221 211)、hsl(167 41% 77%)、oklch(0.862 0.051 180.6)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Teal mean? → · Jaded Clouds color name →
#AEDDD3
oklch(0.862 0.051 180.6)
カラー変換
- HEX
- #aeddd3
- RGB
- rgb(174 221 211)
- HSL
- hsl(167 41% 77%)
- HWB
- hwb(167 68% 13%)
- OKLCH
- oklch(0.862 0.051 180.6)
- OKLab
- oklab(0.862 -0.051 -0.001)
- CIE Lab
- lab(84.59 -17.34 -0.35)
- LCH
- lch(84.59 17.35 181.2)
- CMYK
- cmyk(21% 0% 5% 13%)
ティント · シェード · トーン
ティント
- B6E0D7
- BFE4DC
- C7E7E0
- CFEBE4
- D7EEE9
- DFF1ED
- E7F5F2
- EFF8F6
- F7FCFB
シェード
- 97C0B7
- 80A49C
- 6A8882
- 556E69
- 415551
- 2E3D3A
- 1C2624
- 0B1110
- 010202
トーン
- AAD3CA
- A5CAC2
- A1C0B9
- 9CB7B1
- 98ADA9
- 93A4A0
- 8E9B98
- 8A9290
- 858988
カラーハーモニー
補色 +180°
- AEDDD3
Jaded Clouds
- EFC4D0
≈ Desire Pink
類似色 -30° +30°
- AEDDD3
Jaded Clouds
- BBDCC1
≈ Sprite Twist
- ACDBE4
≈ Srsly Blue
トライアド +120° +240°
- AEDDD3
Jaded Clouds
- D7CBEE
≈ Foggy Love
- EBCBB1
≈ Sweet Orange
スプリットコンプリメンタリー +150° +210°
- AEDDD3
Jaded Clouds
- E6C6E1
≈ Sweet Murmur
- F1C6BE
≈ Altered Pink
テトラード +90° +180° +270°
- AEDDD3
Jaded Clouds
- C5D1F4
≈ Frozen Periwinkle
- EFC4D0
≈ Desire Pink
- DED1AC
≈ Stardust
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.49:1 · APCA Lc 23
Ag
AAA黒の上
WCAG 14.08:1 · APCA Lc 80
最適な文字色: #000000
WCAG 14.08:1 (AAA) · APCA Lc 80
Contrast pairs
コードスニペット
CSS
:root {
--jaded-clouds: #aeddd3;
--jaded-clouds-rgb: 174 221 211;
--jaded-clouds-oklch: oklch(0.862 0.051 180.6);
}
.element {
color: var(--jaded-clouds);
background-color: hsl(167 41% 77%);
border-color: oklch(0.862 0.051 180.6);
}Tailwind CSS v4
@theme {
--color-jaded-clouds: #aeddd3;
--color-jaded-clouds-50: #e6faf6;
--color-jaded-clouds-100: #d6eee9;
--color-jaded-clouds-200: #bedcd6;
--color-jaded-clouds-300: #9cc0b9;
--color-jaded-clouds-400: #7ea9a0;
--color-jaded-clouds-500: #609288;
--color-jaded-clouds-600: #527b73;
--color-jaded-clouds-700: #41635c;
--color-jaded-clouds-800: #2f4842;
--color-jaded-clouds-900: #20322e;
--color-jaded-clouds-950: #0f1e1b;
}SCSS
$jaded-clouds: #aeddd3;
$jaded-clouds-rgb: 174, 221, 211;
$jaded-clouds-light: mix(#fff, $jaded-clouds, 20%);
$jaded-clouds-dark: mix(#000, $jaded-clouds, 20%);
.element {
color: $jaded-clouds;
box-shadow: 0 0 0 2px rgba($jaded-clouds, 0.35);
}