色名 · #85CED1
Aqua Splash
Aqua Splashは#85CED1：rgb(133 206 209)、hsl(182 45% 67%)、oklch(0.805 0.073 199.1)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Teal mean? → · Aqua Splash color name →
#85CED1
oklch(0.805 0.073 199.1)
カラー変換
- HEX
- #85ced1
- RGB
- rgb(133 206 209)
- HSL
- hsl(182 45% 67%)
- HWB
- hwb(182 52% 18%)
- OKLCH
- oklch(0.805 0.073 199.1)
- OKLab
- oklab(0.805 -0.069 -0.024)
- CIE Lab
- lab(78.07 -23.12 -9.12)
- LCH
- lch(78.07 24.85 201.5)
- CMYK
- cmyk(36% 1% 0% 18%)
ティント · シェード · トーン
ティント
- 92D3D6
- 9FD8DA
- ABDDDF
- B8E2E3
- C4E7E8
- D0ECEC
- DCF0F1
- E8F5F6
- F3FAFA
シェード
- 73B3B5
- 61989B
- 507F81
- 406668
- 304E50
- 213839
- 132323
- 060F10
- 010202
トーン
- 86C6C9
- 86BEC0
- 86B6B8
- 86AEB0
- 85A6A8
- 859FA0
- 849798
- 838F90
- 818888
カラーハーモニー
補色 +180°
- 85CED1
Aqua Splash
- EBADAD
≈ Shaded Primrose
類似色 -30° +30°
- 85CED1
Aqua Splash
- 90CFB7
≈ Mint Ice Cream
- 8DC9E5
≈ Gossamer Threads
トライアド +120° +240°
- 85CED1
Aqua Splash
- D4B1DD
≈ Whisper of Plum
- D9BA8A
≈ Splash of Honey
スプリットコンプリメンタリー +150° +210°
- 85CED1
Aqua Splash
- E4ADC7
≈ Roseate Spoonbill
- E7B296
≈ Pretty Rascal
テトラード +90° +180° +270°
- 85CED1
Aqua Splash
- BDB8EC
≈ Purple Illusion
- EBADAD
≈ Shaded Primrose
- C2C48D
≈ Yerba Mate
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.78:1 · APCA Lc 33
Ag
AAA黒の上
WCAG 11.74:1 · APCA Lc 70
最適な文字色: #000000
WCAG 11.74:1 (AAA) · APCA Lc 70
Contrast pairs
コードスニペット
CSS
:root {
--aqua-splash: #85ced1;
--aqua-splash-rgb: 133 206 209;
--aqua-splash-oklch: oklch(0.805 0.073 199.1);
}
.element {
color: var(--aqua-splash);
background-color: hsl(182 45% 67%);
border-color: oklch(0.805 0.073 199.1);
}Tailwind CSS v4
@theme {
--color-aqua-splash: #85ced1;
--color-aqua-splash-50: #defcfe;
--color-aqua-splash-100: #cdf0f2;
--color-aqua-splash-200: #b1dee1;
--color-aqua-splash-300: #8bc3c7;
--color-aqua-splash-400: #68acaf;
--color-aqua-splash-500: #429598;
--color-aqua-splash-600: #397e81;
--color-aqua-splash-700: #2d6567;
--color-aqua-splash-800: #1f4a4b;
--color-aqua-splash-900: #153334;
--color-aqua-splash-950: #061f20;
}SCSS
$aqua-splash: #85ced1;
$aqua-splash-rgb: 133, 206, 209;
$aqua-splash-light: mix(#fff, $aqua-splash, 20%);
$aqua-splash-dark: mix(#000, $aqua-splash, 20%);
.element {
color: $aqua-splash;
box-shadow: 0 0 0 2px rgba($aqua-splash, 0.35);
}