色名 · #015348
Breathe Deeply
Breathe Deeplyは#015348：rgb(1 83 72)、hsl(172 98% 16%)、oklch(0.396 0.072 179.8)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Teal mean? → · Breathe Deeply color name →
#015348
oklch(0.396 0.072 179.8)
カラー変換
- HEX
- #015348
- RGB
- rgb(1 83 72)
- HSL
- hsl(172 98% 16%)
- HWB
- hwb(172 0% 67%)
- OKLCH
- oklch(0.396 0.072 179.8)
- OKLab
- oklab(0.396 -0.072 0)
- CIE Lab
- lab(30.88 -25.15 -0.11)
- LCH
- lch(30.88 25.15 180.2)
- CMYK
- cmyk(99% 0% 13% 67%)
ティント · シェード · トーン
ティント
- 276358
- 407369
- 58847A
- 6F948C
- 86A69E
- 9EB7B1
- B6C9C4
- CEDAD7
- E6EDEB
シェード
- 01473D
- 013B33
- 003029
- 00251F
- 001B16
- 00110D
- 000806
- 000202
- 000000
トーン
- 1A584D
- 295C53
- 366158
- 41655E
- 4C6A63
- 576E69
- 61736F
- 6C7774
- 767C7A
カラーハーモニー
補色 +180°
- 015348
Breathe Deeply
- 663545
≈ Art Deco Red
類似色 -30° +30°
- 015348
Breathe Deeply
- 275131
≈ Kaitoke Green
- 00505B
≈ Kali Blue
トライアド +120° +240°
- 015348
Breathe Deeply
- 4D3D68
≈ Geode
- 633D1B
≈ Cassiterite Brown
スプリットコンプリメンタリー +150° +210°
- 015348
Breathe Deeply
- 5C3859
≈ Purple Wineberry
- 68372F
≈ One Dozen
テトラード +90° +180° +270°
- 015348
Breathe Deeply
- 38446D
≈ Port Gore
- 663545
≈ Art Deco Red
- 564510
≈ Sugarloaf Brown
コントラストとアクセシビリティ
Ag
AAA白の上
WCAG 9.00:1 · APCA Lc 90
Ag
Fail黒の上
WCAG 2.33:1 · APCA Lc 12
最適な文字色: #FFFFFF
WCAG 9.00:1 (AAA) · APCA Lc 90
Contrast pairs
コードスニペット
CSS
:root {
--breathe-deeply: #015348;
--breathe-deeply-rgb: 1 83 72;
--breathe-deeply-oklch: oklch(0.396 0.072 179.8);
}
.element {
color: var(--breathe-deeply);
background-color: hsl(172 98% 16%);
border-color: oklch(0.396 0.072 179.8);
}Tailwind CSS v4
@theme {
--color-breathe-deeply: #015348;
--color-breathe-deeply-50: #e0fcf6;
--color-breathe-deeply-100: #cff0e9;
--color-breathe-deeply-200: #b4dfd6;
--color-breathe-deeply-300: #8fc4ba;
--color-breathe-deeply-400: #6eada0;
--color-breathe-deeply-500: #4a9688;
--color-breathe-deeply-600: #407f73;
--color-breathe-deeply-700: #33655c;
--color-breathe-deeply-800: #244b42;
--color-breathe-deeply-900: #18342e;
--color-breathe-deeply-950: #081f1a;
}SCSS
$breathe-deeply: #015348;
$breathe-deeply-rgb: 1, 83, 72;
$breathe-deeply-light: mix(#fff, $breathe-deeply, 20%);
$breathe-deeply-dark: mix(#000, $breathe-deeply, 20%);
.element {
color: $breathe-deeply;
box-shadow: 0 0 0 2px rgba($breathe-deeply, 0.35);
}